استمع للمقال

إضافة ردود الفعل Reaction Buttons لمدونة بلوجر اسفل كل مقال

شرح طريقة إضافة أزرار ردود الفعل (Reactions) لمدونة بلوجر عبر ShareThis. ضاعف تفاعل الزوار وحسن السيو باستخدام بديل التعليقات العصري والمجاني.

في ظل المنافسة الشديدة في عالم التدوين وخصوصاً منصة Blogger، يبحث أصحاب المواقع باستمرار عن أدوات فعالة لزيادة تفاعل الزوار. واحدة من أذكى هذه الأدوات هي إضافة ردود الفعل (Reaction Buttons) من منصة ShareThis، التي توفر بديلاً عصرياً وسريعاً لنظام التعليقات التقليدي. تُعد هذه الإضافة حلاً مثالياً لكسر حاجز الصمت لدى الزوار، حيث تمنحهم القدرة على التعبير عن مشاعرهم تجاه المحتوى بنقرة زر واحدة.

شرح إضافة ردود الفعل لمدونة بلوجر - زيادة التفاعل وتحسين السيو
شكل أزرار التفاعل العصرية التي ستظهر أسفل كل تدوينة

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

لماذا يجب عليك استخدام أزرار ردود الفعل؟

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

  • تحفيز "الأغلبية الصامتة": تشير الدراسات إلى أن 90% من الزوار يقرؤون ويرحلون بصمت. هذه الأزرار تمنحهم وسيلة للتفاعل دون الحاجة لكتابة كلمة واحدة.
  • فهم أعمق للجمهور: تساعدك لوحة التحليل في معرفة نوع المشاعر التي يثيرها محتواك (هل مقالاتك مضحكة؟ مفيدة؟ صادمة؟)، مما يساعدك في تحسين خطة المحتوى.
  • إشارات إيجابية للسيو (SEO Signals): تفاعل الزائر بالنقر يُحسب لدى جوجل كنشاط (User Engagement)، مما يقلل من معدل الارتداد "الوهمي" ويرسل إشارات بجودة المحتوى.
  • تجربة مستخدم ممتعة (Gamification): استخدام الرموز التعبيرية يضيف طابعاً مرحاً للمدونة ويكسر جمود النصوص الطويلة.

المواصفات التقنية (Technical Specs)

للمطورين والمهتمين بالأداء التقني، قمنا بتحليل الأداة ووضعنا خلاصة تجربتها في الجدول التفصيلي التالي:

الخاصية (Feature) التصنيف التقني التأثير العملي
الأداء والسرعة Async Loading لا يؤخر ظهور المحتوى نهائياً.
التجاوب (Mobile) Native Responsive يعمل تلقائياً على كافة الأجهزة.
اللغة والتعريب Full RTL Support يدعم العربية وتغيير النصوص.
التكلفة المادية Lifetime Free مجانية بلا حدود للاستخدام.
لوحة التحكم Real-time Analytics تحليل دقيق لسلوك الجمهور.

خطوات التسجيل في ShareThis والحصول على المفتاح

للاستفادة من هذه الخدمة، لا بد من إنشاء حساب للحصول على كود الربط الخاص بموقعك. اتبع الخطوات التالية بدقة:

  1. الدخول للموقع: انتقل إلى الصفحة الرئيسية لموقع ShareThis وقم بإنشاء حساب مجاني باستخدام بريدك الإلكتروني.
  2. اختيار الأداة: بعد الدخول للوحة التحكم، ستجد قائمة بالأدوات. اختر Inline Reaction Buttons (أزرار ردود الفعل المضمنة) ثم اضغط على زر التفعيل (Activate).
  3. تخصيص التصميم: ستظهر لك خيارات لتغيير المحاذاة (يمين/يسار/وسط) وحجم الأزرار. قم بضبطها بما يتناسب مع قالب مدونتك.
  4. الحصول على الكود: بعد الانتهاء من التعديلات، اضغط على زر Get the Code. سيظهر لك كود جافا سكريبت طويل.
  5. استخراج المعرف (Property ID): لا تنسخ الكود بالكامل الآن، فقط ابحث داخل الكود عن كلمة property=. الكود الذي يليها مباشرة (وهو عبارة عن سلسلة أرقام وحروف مثل 67f1d80fbc16930012085c18) هو مفتاح الـ API الخاص بك الذي سنستخدمه في الشرح.

الدليل العملي لتركيب الإضافة على بلوجر

بعد حصولك على المعرف الخاص Property-ID من الخطوة السابقة، سننتقل الآن للجانب التقني لتركيب الأزرار في القالب:

الخطوة الأولى: تفعيل مكتبة ShareThis

توجه إلى لوحة تحكم بلوجر، ثم إلى المظهر (Theme)، واختر تعديل HTML. ابحث عن وسم الإغلاق </head> وأضف الكود البرمجي التالي فوقه مباشرة:

<script async='async' src='//platform-api.sharethis.com/js/sharethis.js#property=67f1d80fbc16930012085c18&product=sop' type='text/javascript'/>

تنبيه هام: لكي تعمل الإحصائيات، يجب عليك استبدال الكود 67f1d80fbc16930012085c18 الموجود في الكود أعلاه بمفتاح الـ API الخاص بحسابك الذي استخرجته في خطوات التسجيل.

الخطوة الثانية: زرع الأزرار داخل التدوينة

نريد الآن أن تظهر الأزرار تلقائياً في نهاية كل مقال. للقيام بذلك، ابحث داخل كود القالب عن الوسم <data:post.body/>. ستجده مكرراً غالباً؛ النسخة الثانية أو الثالثة هي المعنية بصفحة المقال (Item Page). ضع الكود التالي أسفلها مباشرة:

<b:if cond='data:blog.pageType == "item"'>
  <div class='sharethis-inline-reaction-buttons' style='margin-top: 20px; margin-bottom: 20px;'/>
  <div class='clear'/>
</b:if>

الأسئلة الشائعة حول إضافة ردود الفعل

كيفية إضافة أزرار تفاعل مثل فيسبوك في مدونة بلوجر؟

يمكنك فعل ذلك بسهولة عبر استخدام أداة ShareThis المجانية. تتطلب العملية خطوتين: وضع كود الجافا سكريبت في "Head"، ووضع كود العرض أسفل وسم "data:post.body" في قالب بلوجر، كما هو موضح في هذا المقال.

هل خدمة ShareThis مجانية أم تتطلب اشتراكاً مدفوعاً؟

خدمة ShareThis توفر أدوات ردود الفعل (Reactions) وأزرار المشاركة بشكل مجاني تماماً لأصحاب المواقع والمدونات، وتعتمد في نموذج عملها على بيانات التصفح العامة لتحسين الإعلانات، دون تكلفة مادية عليك.

حل مشكلة عدم ظهور أزرار ShareThis في المدونة؟

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

كيف يمكن تعريب أزرار ردود الفعل أو تغيير الألوان؟

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

خاتمة

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

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

شاركنا رأيك

إرسال تعليق

الانضمام إلى المحادثة

الانضمام إلى المحادثة