تضمين عدّاد تنازلي في موقعك (Widget): عدّادات تفاعلية متجاوبة مجانًا
امنح زوار موقعك أو مدونتك تجربة حية وتفاعلية عبر إضافة عدّاد تنازلي مباشر بالأيام والساعات والدقائق لمناسبات السعودية الكبرى: رمضان، العيد، اليوم الوطني، يوم التأسيس، والرواتب. كود خفيف، بدون إعلانات، ويتحدث تلقائيًا فور ثبوت المواعيد الرسمية.
صانع كود التضمين التفاعلي (Widget Builder)
اختر المناسبة والمظهر المطلوب، وانسخ الكود الجاهز مباشرة:
معاينة مباشرة (Live Preview):
كود التضمين القياسي (Iframe Snippet):
هل تود استخدام كود جافاسكريبت مصغر (Script Variant)؟
إذا كنت تفضل تضمين العدّاد عبر حاوية برمجية خفيفة بدون iframe، يمكنك استخدام السطرين التاليين (وزن أقل من 2 كيلوبايت، خالي من أي تتبع):
<div id="tarqab-widget" data-event="ramadan" data-theme="light"></div>
<script src="https://tarqab.com/widget.js" async></script>طريقة إضافة العدّاد في مختلف منصات إدارة المحتوى
1. ووردبريس (WordPress)
في محرر المكونات (Gutenberg)، اضغط على علامة الزائد (+) لإضافة مكوّن جديد، ثم ابحث عن مكوّن «HTML مخصص» (Custom HTML)، والصق كود التضمين بداخله ثم اضغط تحديث. إذا كنت تستخدم المحرر الكلاسيكي، بدّل المحرر إلى وضع «نص» (Text) والصق الكود في المكان المرغوب.
2. بلوجر (Blogger)
توجه إلى لوحة تحكم مدونتك في Blogger، ثم اختر «التنسيق» (Layout). في المكان المخصص للشريط الجانبي أو أسفل التدوينات اضغط على «إضافة أداة» (Add a Gadget)، ثم اختر HTML/JavaScript والصق الكود واضغط حفظ.
3. المواقع المبرمجة يدويًا وتطبيقات الويب (HTML / React / Next.js / Vue)
كود التضمين مبني باستخدام وسم <iframe> القياسي المتوافق بنسبة 100% مع كافة المتصفحات دون الحاجة لأي مكتبات خارجية. يمكنك وضعه مباشرة داخل أي صفحة HTML أو مكوّن React/Vue مع الحفاظ على التجاوب التام.
سياسة الأمان والخصوصية وروابط التوثيق
حرصًا على سلامة وأمان موقعك وزوارك، يلتزم ودجت «ترقّب» بالمعايير التالية:
- انعدام التتبع والكوكيز: لا يقوم الودجت بحفظ أي ملفات تعريف ارتباط (Cookies) في جهاز الزائر ولا يرسل أي بيانات تحليلية لجهات خارجية.
- ترويسات الأمان الصارمة: يتم تقديم صفحة التضمين مع ترويسة أمان
Content-Security-Policy: frame-ancestors *للسماح بالتضمين الآمن فقط. - إرشادات جوجل للروابط الخارجية: يحتوي الودجت على رابط توثيق نصي صغير يحمل اسم المنصة «ترقّب» فقط دون أي حشو للكلمات المفتاحية، ويحمل وسم
rel="noopener"لحماية نافذة المتصفح، أو يمكنك إضافةrel="nofollow"وفق رغبتك لضمان أعلى درجات الأمان لمحركات البحث.
الأسئلة الشائعة حول ودجت العدّاد
هل كود التضمين مجاني تمامًا؟
نعم، أداة العدّاد التنازلي التفاعلية (Widget) من منصة «ترقّب» مجانية بالكامل لجميع أصحاب المواقع، والمدونات، والمنصات التعليمية، والمبادرات المجتمعية في المملكة والعالم العربي دون أي رسوم أو اشتراكات.
كيف يتعامل العدّاد مع تغيير التواريخ أو ثبوت رؤية الهلال؟
يتصل العدّاد التنازلي تلقائيًا بقاعدة بيانات منصة «ترقّب»؛ وبالتالي فور إعلان ثبوت رؤية هلال رمضان أو العيد أو صدور قرارات رسمية بشأن التقويم الدراسي، يتم تحديث التاريخ والعدّاد في موقعك آليًا دون أن تضطر لتحديث الكود أو كتابة أي تواريخ جديدة.
هل يؤثر العدّاد على سرعة موقعي أو درجات السيو (Lighthouse)؟
تم تصميم الودجت ليكون فائق الخفة (أقل من 5 كيلوبايت)؛ فهو لا يحمل أي خطوط خارجية ثقيلة، ويعتمد على خطوط النظام الأصلية، ولا يحتوي على أي ملفات تتبع أو إعلانات، كما يتم تحميله بتوجيه loading="lazy" لضمان عدم تأخير تحميل الصفحة الأساسية لديك.
لماذا يحمل رابط التوثيق وسم rel="noopener" أو rel="nofollow"؟
تلتزم منصة «ترقّب» بإرشادات جوجل الصارمة لمكافحة مخططات الروابط (Google Link Schemes Guidelines). لا نستخدم أي نصوص ارتباط ملغومة بكلمات مفتاحية، بل نضع اسم العلامة التجارية فقط «ترقّب». ونوفر لك خيار استخدام وسم rel="nofollow" لتضمن التوافق الكامل مع معايير محركات البحث لأدوات التضمين الخارجية.
كيف أقوم بضبط حجم العدّاد ليتناسب مع الشريط الجانبي (Sidebar) في موقعي؟
تم تصميم الودجت ليكون متجاوبًا 100% مع عرض الحاوية؛ حيث يمكنك تغيير خاصية width="100%" ليملأ أي عمود أو شريط جانبي تلقائيًا، مع تثبيت الارتفاع على height="160" ليظهر بشكل متناسق ومريح للقراءة.