أداة EmojiSup

هل تريد شريط تفاعلات مثل هذا في موقعك؟

أداة التفاعلات مجانية وتُركَّب في دقيقة واحدة. بلا تسجيل، وبلا حساب، ولا شيء يُضبط من جهتنا.

التركيب

أضف في قسم HEAD من موقعك:

<script src="https://api.emojisup.org/widget.js?4"></script>

أضف في قسم BODY، في الموضع الذي تريد ظهور الشريط فيه:

<div data-emojisup></div>

بهذا ينتهي التركيب. بعد التحميل يربط السكربت ملف التنسيق الخاص به، ويمسح الصفحة بحثًا عن العناصر التي تحمل السمة data-emojisup، ويرسم في كل منها شريط تفاعلات.

معرّفات الأدوات

يُبنى معرّف كل أداة من عنوان الصفحة، لذلك يمكن وضع عدة أدوات في صفحة واحدة، وتحتفظ كل صفحة بعدّاداتها. أما معاملات الحملات مثل utm_source أو fbclid فتُتجاهَل، فيرى الزائر القادم من إعلان العدّادات نفسها التي يراها الجميع.

ويمكنك تحديد المعرّف بنفسك:

<div data-emojisup id="my-article-42"></div>

إذا تغيّر المعرّف بدأت الأداة من الصفر وعادت العدّادات إلى الصفر.

الإعدادات

كل إعداد سمة على العنصر نفسه، ويمكن الاستغناء عن أي منها.

data-emojisup-set — يعرض التفاعلات التي تذكرها فقط، مفصولة بفواصل:

<div data-emojisup data-emojisup-set="👍,❤️,🔥,🤣"></div>

data-emojisup-theme — يختار الألوان: light افتراضيًا، وdark للخلفيات الداكنة، وauto لمتابعة إعداد نظام الزائر.

data-emojisup-size — يحدد الحجم: s أو m افتراضيًا أو l.

data-emojisup-align — يحاذي الصف: left أو center أو right. وبدون هذه السمة تتوزع التفاعلات على عرض الكتلة كاملًا.

<div data-emojisup data-emojisup-theme="dark" data-emojisup-size="l" data-emojisup-align="center"></div>

وهذه هي الأداة نفسها بمظهر داكن وأربع تفاعلات وفي المنتصف:

محتوى يُحمَّل بعد الصفحة

إذا كانت الأداة داخل محتوى يصل لاحقًا، فاستدعِ هذا بعد استقرار المحتوى:

<script>
    emojiSup.update();
</script>

يعيد مسح الصفحة ويشغّل الأدوات الجديدة. ولإيقاف تحديث عدّادات أداة ما استدعِ emojiSup.destroy().

ما الذي تحفظه الأداة

تضع الأداة ملف تعريف ارتباط واحدًا اسمه ev_user_id صالحًا لسنة. يحتوي على معرّف عشوائي لا غير: به تتذكر الأداة أي تفاعل اختاره هذا الزائر، فيبقى اختياره بعد إعادة تحميل الصفحة. ومع كل طلب ترسل الأداة عنوان الصفحة التي يوجد فيها الشريط، وبهذا تُفصل العدّادات بين الصفحات. لا أسماء ولا عناوين بريد ولا بيانات نماذج.

تتحدّث العدّادات ما دام التبويب مفتوحًا وظاهرًا. وفي تبويب في الخلفية تتوقف الأداة عن سؤال الخادم، وبعد بضع دقائق بلا نقر تخفّف وتيرتها من تلقاء نفسها.

أسئلة

هل هي مجانية فعلًا؟ نعم، ولا حساب عليك إنشاؤه.

كم أداة يمكن وضعها في صفحة؟ بقدر ما تحتاج. أعطِ كل واحدة معرّف id خاصًا بها.

هل يستطيع الزائر تغيير تفاعله؟ نعم. يُحتسب تفاعل واحد لكل زائر في كل أداة: النقر على تفاعل آخر ينقل الصوت، والنقر على التفاعل نفسه مرة أخرى يسحبه.

هل تبقى العدّادات بعد إعادة تصميم الموقع؟ تبقى ما دام عنوان الصفحة أو المعرّف الذي حددته بنفسك على حاله.

هل تحتاج إلى jQuery؟ لا. السكربت بلا اعتماديات وحجمه نحو 45 كيلوبايت.