طريقة إظهار عدد المشاهدات للمنتج في متاجر سلة

اضافة خاصية لإظهار عدد مرات مشاهدة المنتج في متجر سلة

بعد أن قمنا بالإطلاع على مجموعة من الطلبات ردود العديد من تُجار سلة وجدنا أن هنالك العديد من الأشخاصِ من يبحثونَ عن خاصيةِ إظهار الزيارات او المشاهدات داخل صفحة المنتج في سلة، واستدراكاً للخصائص الموجودة في لوحة التحكم الخاصة بالتاجر في سلة، نجدْ بإنه يُمكن اظهار خاصية عدد مرات الشراء فقط دون التطرق لخصائص عدد الزيارات للمنتج . 

وهنا يأتي دورنا في ريبارو، حيث قام فريقناً بإعداد كود برمجي ليتم استخدامه مباشرة عبر متاجر سلة، وذلك لإظهار الزيارات التي تمت بالفعل للمنتج الواحد داخل المتجر والذي سيمكن الزوار من مُشاهدة عدد الزيارات الفعلية لهذا المنتج. ناهيك على أن الشرح المُطبق هو على أحد متاجر سلة فإنه من المُمكن استخدام نفس الطريقة التي سنقوم بشرحها وتفصليها الآن مع كافة انواع المتاجر و المواقع المختلفة . 

فكيف تقوم بإضافة هذه الخاصية ؟ 

يما أنك وصلت إلى هذا السطر، دعنا نوضح بعض النقاط الرئيسية، أولاً لن تحتاج الى أن تكون مبرمجاً او مطور برمجيات لتطبيق هذه الخاصية، وكذلك بإمكانك استخدامها لكافة انواع المواقع بخلاف متاجر سلة ايضاً. 

أولاً : ربط المتجر مع نظام ريبارو 

ملاحظةً مهمة، يجب أن يكون الدومين الخاص بك موجود خارج سلة ، يعني أن تقوم بشراء الدومين من أي مزود خدمة شراء نظاق الموقع بخلاف شراء النطاق او الدومين عبر سلة مباشرة 

ولربط المتجر مع النظام، كل ما ستحتاجُ إليه هو تغيير الدي ان اس الخاص بسلة الى الدي ان اس الخاص ب ريبارو 

Nameserver DNS

اضغط هنا لمشاهدة الفيديو الخاص بطريقة الربط

ثانياً : استخدام خاصية Blinder 

مثلما وضحنا في الفيديوهات الخاصة بشرح النظام ، فإن هذه الخاصية تهدف بشكل رئيسي الى التحكم المُباشر في أكواد الموقع أو المتجر

HTML

حيث ستقوم باستخدام هذه الخاصية لأضافة عُنصر جديد وتحديد مكان ظهور الخاصية للزوار في الموقع

وستقوم بإضافة الكود المناسبة : 

كود إظهار عدد المشاهدات التي تمت لهذا المنتج : 

<div  id="view-counter"style="margin-top: 20px; font-size: 1.2rem; color:red;"></div>

بامكانك تغيير اللون الخاص بالخط والحجم عبر تغيير البيانات الموجودة داخل Style

كود إظهار عدد الزيارات الحالية للعملاء المتواجدين في صفحة الُمنتج الآن:

<div  id="user-counter"style="margin-top: 20px; font-size: 1.2rem; color:red;">عدد المستخدمين الحاليين:0</div>

ثالثاً : استخدام خاصية الحقن Inject

بعد الانتهاء من اضافة Division أعلاه ، ستقوم الآن باضافة السكربت الخاص بتنفيذ هذه العملية 

سكربت إظهار عدد المشاهدات للمنتج: 

<script  defer src="https://counter.reparo.dev/"></script>

سكربت إظهار عدد الزيارات الحالية داخل صفحة المنتج:

<script  defer src="https://realtime.reparo.dev/"></script>

رابعاً: ازالة التخزين المؤقت 

اذهب الى خاصة التخزين المؤقت "cache" ثم قُم بازالته

بعد ذلك اذهب الى صفحة المنتج او الصفحات التي قُمت بتحديد ظهور هذه الخاصية فيها ،للتأكد من عملها بشكل صحيح 

خامساً : فيديو يوضح طريقة الإستخدام خطوة بخطوة