طريقة اضافة ازرار التواصل الاجتماعي على مدونة بلوجر بالكود والأدوات المجانية

اضافة ازرار المشاركة والمتابعة لمواقع التواصل الاجتماعي على بلوجر

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

لماذا تحتاج ازرار التواصل الاجتماعي على مدونتك أصلاً

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

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

الفرق بين زر المشاركة وزر المتابعة

هذا سؤال يخلط فيه كثير من المدونين، فخلّني أوضحه لك:

زر المشاركة Share Button يسمح للزائر بنشر رابط مقالتك على حسابه الشخصي. يعني زوارك هم من يسوّقون لك. النتيجة: زيارات جديدة من أشخاص لا يعرفونك.

زر المتابعة Follow Button يقود الزائر مباشرة إلى صفحتك الرسمية على فيسبوك أو يوتيوب أو تيليغرام. النتيجة: بناء مجتمع دائم يتابع كل جديدك.

المدونة الناجحة تحتاج النوعين معاً. المشاركة تجلب لك زواراً جدداً، والمتابعة تحوّلهم إلى جمهور وفيّ.

تحذير مهم لمن يستخدم AddThis

إذا كنت قد سمعت عن أداة AddThis أو لا زال كودها موجوداً في قالب مدونتك، فاعلم أن هذه الخدمة ماتت تماماً. قامت Oracle بإنهاء جميع خدمات AddThis بشكل دائم وعالمي اعتباراً من 31 مايو 2023. وطلبت Oracle من كل من يستخدم الخدمة إزالة جميع الأكواد المتعلقة بها من مواقعهم.

القصة باختصار: استحوذت Oracle على AddThis عام 2016 مقابل 200 مليون دولار، لكن اضطرت لإيقاف الخدمة في أوروبا عام 2019 بعد تطبيق قانون GDPR، وبحلول ربيع 2023 اختفت AddThis من العالم كله.

إذا كان كود AddThis لا يزال في مدونتك الآن، فهو كود ميت لا يفعل شيئاً سوى إبطاء موقعك. احذفه فوراً واستبدله بأحد البدائل التي سأشرحها لك.

أفضل أدوات اضافة ازرار المشاركة على بلوجر

بعد اختفاء AddThis، ظهرت عدة بدائل قوية. جرّبت أغلبها وسأعطيك خلاصة تجربتي مع كل واحدة.

AddToAny البديل الأول والأخف وزناً

AddToAny هي البديل المثالي المباشر لـ AddThis. كلتا المنصتين انطلقتا منذ عام 2006، وبينهما كثير من التشابه في التصميم والمزايا. لكن الفارق الجوهري يكمن في ثلاث نقاط تجعل AddToAny خياراً أفضل:

أولاً: لا تحتاج حساباً. لا تسجيل ولا حسابات مستخدمين تحتاج إدارتها. تركّب الأداة وتنسى الموضوع.

ثانياً: خفيفة جداً على موقعك. AddToAny خفيفة تقنياً بشكل استثنائي، حيث لا يتجاوز حجم السكريبت الرئيسي 1.8 كيلوبايت مضغوطاً. ولا تؤثر على نتائج PageSpeed الخاصة بموقعك.

ثالثاً: تحترم خصوصية زوارك. AddToAny لا تبيع البيانات الشخصية، وتحرص على تقليل ما تعالجه من بيانات. ولا تستخدم معرّفات مستخدمين فريدة عبر المواقع. وهي متوافقة تلقائياً مع قانون GDPR الأوروبي وقانون CCPA الأمريكي.

الأداة تدعم عشرات المنصات بما فيها فيسبوك وواتساب وتيليغرام وBluesky وMastodon وPinterest وLinkedIn وThreads وTumblr وReddit وX وWeChat وغيرها الكثير.

طريقة تركيب AddToAny على بلوجر خطوة بخطوة

اضغط على زر التثبيت في موقع AddToAny الرسمي، ثم سجّل الدخول إلى بلوجر واختر مدونتك ثم Add Widget ثم Save arrangement. ستظهر أزرار المشاركة تلقائياً أسفل كل تدوينة.

لكن انتبه، هناك خطوة إضافية مهمة لتفعيل الأزرار على الجوال. اذهب إلى Theme ثم Edit HTML وابحث عن AddToAny داخل كود القالب باستخدام Ctrl+F على ويندوز أو Command+F على ماك.

ستجد سطراً يحتوي على title='AddToAny' غيّره إلى title='AddToAny' mobile='yes' وهذا كل شيء.

يُنصح بعد ذلك بإزالة نص AddToAny الظاهر على المدونة بالذهاب إلى Layout والنقر على Edit للأداة ثم جعل العنوان فارغاً والحفظ.

رابط الأداة: AddToAny لبلوجر

ShareThis البديل الأقوى في التحليلات

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

يدعم ShareThis قائمة ضخمة من الشبكات الاجتماعية تشمل فيسبوك وX وواتساب وLinkedIn وReddit وتيليغرام وPinterest وSkype وViber وTeams والعشرات غيرها.

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

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

رابط الأداة: ShareThis Share Buttons

Shareaholic للمدونات التي تريد أكثر من مجرد أزرار

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

Shareaholic حل موثوق تستخدمه أكثر من 300 ألف موقع للتواصل مع أكثر من 350 مليون شخص شهرياً. الكود محسّن ولا يبطئ موقعك، مع نتيجة 100 من 100 في Google PageSpeed Insights على سطح المكتب وأكثر من 95 على الجوال.

الجانب السلبي الوحيد هو أنها تتطلب إنشاء حساب، وقد تستغرق أزرار المشاركة من 5 إلى 10 ثوانٍ للتحميل وهو أبطأ من AddToAny.

رابط الأداة: Shareaholic لبلوجر

Elfsight أداة بصرية بتخصيص واسع

Elfsight أداة مشاركة اجتماعية سهلة وبسيطة تقدم واجهة مريحة مع مزايا مثل الأيقونات القابلة للتوسع والمحسّنة للجوال. تتيح لك إنشاء أزرار مشاركة مباشرة من خلال محرّر مرئي على الإنترنت، واختيار قالب جاهز وتعديل الإعدادات والألوان والتخطيط بدون أي برمجة.

ميزتها أنها بصرية وسهلة التخصيص. عيبها أنها لا تقدم تكاملاً مع أدوات أخرى ولا توفر أزرار مشاركة الصور ولا خاصية اختصار الروابط.

رابط الأداة: Elfsight لبلوجر

مقارنة بين أفضل أدوات ازرار المشاركة لبلوجر

حتى تختار بسرعة، جمعت لك الفروقات الأساسية في جدول واحد:

الأداة	مجانية	تحتاج حساباً	تحليلات	السرعة	الأفضل لـ
AddToAny	نعم بالكامل	لا	عبر Google Analytics	ممتازة	المبتدئين ومن يريد السرعة
ShareThis	نعم بالكامل	اختياري	مدمجة ومفصّلة	جيدة	من يريد إحصاءات دقيقة
Shareaholic	جزئياً	نعم	ممتازة	جيدة	المدونات المتقدمة
Elfsight	نعم	لا	لا	جيدة	من يريد تخصيصاً بصرياً
كود يدوي HTML	نعم بالكامل	لا	لا	الأسرع	من يريد تحكماً كاملاً

الطريقة اليدوية لاضافة ازرار المشاركة بكود HTML بدون أي أداة خارجية

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

كود ازرار المشاركة أسفل كل تدوينة في بلوجر

هذا الكود يعمل مباشرة بدون أي سكريبت خارجي. ببساطة أزرار تحتوي روابط المشاركة الرسمية لكل منصة:

<!-- ازرار المشاركة الاجتماعية -->
<div style="display:flex; flex-wrap:wrap; gap:8px; margin:16px 0; direction:rtl;">

  <a href="https://www.facebook.com/sharer/sharer.php?u=<data:post.url/>"
     target="_blank" rel="noopener noreferrer"
     style="background:#1877F2;color:#fff;padding:8px 14px;border-radius:6px;
            text-decoration:none;font-size:14px;">
    فيسبوك
  </a>

  <a href="https://wa.me/?text=<data:post.title/>%20<data:post.url/>"
     target="_blank" rel="noopener noreferrer"
     style="background:#25D366;color:#fff;padding:8px 14px;border-radius:6px;
            text-decoration:none;font-size:14px;">
    واتساب
  </a>

  <a href="https://t.me/share/url?url=<data:post.url/>&text=<data:post.title/>"
     target="_blank" rel="noopener noreferrer"
     style="background:#0088CC;color:#fff;padding:8px 14px;border-radius:6px;
            text-decoration:none;font-size:14px;">
    تيليغرام
  </a>

  <a href="https://twitter.com/intent/tweet?url=<data:post.url/>&text=<data:post.title/>"
     target="_blank" rel="noopener noreferrer"
     style="background:#000;color:#fff;padding:8px 14px;border-radius:6px;
            text-decoration:none;font-size:14px;">
    X
  </a>

  <a href="https://www.linkedin.com/sharing/share-offsite/?url=<data:post.url/>"
     target="_blank" rel="noopener noreferrer"
     style="background:#0A66C2;color:#fff;padding:8px 14px;border-radius:6px;
            text-decoration:none;font-size:14px;">
    لينكدإن
  </a>

</div>

طريقة التركيب: ادخل إلى لوحة تحكم بلوجر، ثم Layout، ثم Add a Gadget، واختر HTML/JavaScript، والصق الكود فيه واحفظ. أو يمكنك إضافته مباشرة في كود القالب تحت تاغ post-body إذا كنت تريد ظهوره أسفل كل مقال تلقائياً.

كود ازرار المتابعة العائمة على جانب الصفحة

هذه الأزرار تبقى ثابتة على جانب الشاشة أثناء تمرير الزائر للمحتوى. ظاهرة دائماً لكنها لا تزعج القارئ:

<!-- ازرار المتابعة العائمة -->
<div style="position:fixed; left:0; top:50%; transform:translateY(-50%);
     z-index:9999; display:flex; flex-direction:column; gap:4px;">

  <a href="https://facebook.com/صفحتك" target="_blank" rel="noopener noreferrer"
     title="تابعنا على فيسبوك"
     style="background:#1877F2;color:#fff;width:44px;height:44px;display:flex;
            align-items:center;justify-content:center;font-size:18px;
            border-radius:0 8px 8px 0;text-decoration:none;">f</a>

  <a href="https://youtube.com/قناتك" target="_blank" rel="noopener noreferrer"
     title="تابعنا على يوتيوب"
     style="background:#FF0000;color:#fff;width:44px;height:44px;display:flex;
            align-items:center;justify-content:center;font-size:18px;
            border-radius:0 8px 8px 0;text-decoration:none;">Y</a>

  <a href="https://t.me/قناتك" target="_blank" rel="noopener noreferrer"
     title="تابعنا على تيليغرام"
     style="background:#0088CC;color:#fff;width:44px;height:44px;display:flex;
            align-items:center;justify-content:center;font-size:18px;
            border-radius:0 8px 8px 0;text-decoration:none;">T</a>

  <a href="https://instagram.com/حسابك" target="_blank" rel="noopener noreferrer"
     title="تابعنا على إنستغرام"
     style="background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);
            color:#fff;width:44px;height:44px;display:flex;
            align-items:center;justify-content:center;font-size:18px;
            border-radius:0 8px 8px 0;text-decoration:none;">I</a>

</div>

لا تنسَ استبدال روابط صفحتك وقناتك وحسابك بالروابط الفعلية. أضف هذا الكود كأداة HTML/JavaScript في بلوجر من خلال قسم Layout.

أفضل مكان لوضع ازرار المشاركة في مدونة بلوجر

مكان الأزرار يؤثر بشكل مباشر على عدد المشاركات التي ستحصل عليها. ليس كل مكان يعطي نفس النتيجة. من تجربتي ومن ملاحظة سلوك الزوار، هذا الترتيب من الأفضل إلى الجيد:

أسفل كل تدوينة مباشرة: هذا هو المكان الذهبي. لماذا؟ لأن القارئ وصل لنهاية المقال، يعني أعجبه المحتوى. في هذه اللحظة بالذات يكون في أعلى مستوى من الاستعداد للمشاركة.

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

بداية المقال: مناسبة أكثر لمواقع الأخبار حيث القارئ قد يريد مشاركة الخبر قبل حتى أن ينتهي من القراءة. للمدونات العادية، أسفل المقال أفضل.

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

اضافة صندوق الاشتراك بالبريد الالكتروني على بلوجر بعد توقف FeedBurner

هذا الجزء مهم جداً ولا تجد تغطية كافية له في المحتوى العربي. أعلن فريق FeedBurner أن خدمة الاشتراك بالبريد الإلكتروني ستُوقف في يوليو 2021. مدونتك تستمر في العمل بشكل طبيعي، لكن لن يتم دعم الإيميلات التلقائية للمشتركين عبر أداة FollowByEmail بعد الآن.

يعني ببساطة: لو كان عندك صندوق اشتراك بريدي قديم يعتمد على FeedBurner فهو معطّل ولا يرسل شيئاً لمشتركيك منذ سنوات.

Follow.it البديل المجاني الأفضل لبلوجر

Follow.it تقدم توصيل بريد موثوق يصل إلى صندوق الوارد وليس مجلد السبام بفضل سمعة الإرسال الممتازة. الخدمة ناضجة وتعمل منذ أكثر من خمس سنوات. الخطة الأساسية مجانية بالكامل وتتيح عدداً غير محدود من المتابعين والإيميلات. وتستخدمها أكثر من 100 ألف موقع ومدونة.

خطوات التركيب على بلوجر:

1. اذهب إلى صفحة التسجيل في Follow.it وأنشئ حساباً بإيميلك، ثم فعّل حسابك من رابط التفعيل الذي يصلك.
2. اختر Add Feed ضمن قسم Publishing، ثم أدخل رابط مدونتك. سيكتشف Follow.it خلاصة RSS تلقائياً.
3. خصّص نموذج الاشتراك من حيث الألوان والخطوط والتصميم ليتناسب مع شكل مدونتك.
4. انسخ الكود المُولّد واذهب إلى لوحة تحكم بلوجر ثم Layout ثم Add Gadget ثم HTML/JavaScript، والصق الكود واحفظ.

لا تنسَ ترحيل قائمة مشتركيك القدامى من FeedBurner إلى حسابك الجديد في Follow.it باستخدام خاصية الاستيراد.

رابط الخدمة: Follow.it

بدائل أخرى للاشتراك البريدي

Mailchimp منصة شهيرة تقدم خدمات تسويق بريدي مع خطط مجانية ومدفوعة حسب حجم جمهورك والمزايا المطلوبة. مناسبة لو كنت تخطط لإرسال نشرات بريدية مخصصة وليس مجرد إشعارات بالمقالات الجديدة.

MailerLite خدمة تسويق بريدي بسيطة مع خيارات مجانية للقوائم الصغيرة، وتتضمن خاصية تحويل خلاصة RSS إلى إيميل.

نصائح عملية تزيد التفاعل مع ازرار المشاركة والمتابعة

الأزرار وحدها لا تكفي. هناك تفاصيل صغيرة تصنع فرقاً كبيراً:

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

أضف نصاً تحفيزياً قبل الأزرار. جملة بسيطة مثل "أعجبك المقال؟ ساعد غيرك يستفيد وشاركه" تحدث فرقاً ملموساً في عدد النقرات.

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

قبل أي تعديل على القالب، خذ نسخة احتياطية. اذهب إلى Theme ثم Backup ثم Download. هذه العادة ستنقذك يوماً ما من كارثة.

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

أسئلة شائعة حول ازرار المشاركة والمتابعة في بلوجر

هل ازرار المشاركة تبطئ سرعة مدونتي

يعتمد على الأداة التي تستخدمها. AddToAny خفيفة جداً بحجم سكريبت 1.8 كيلوبايت فقط، وتستغل تقنية HTTP multiplexing لتحميل ما يلزم فقط بأسرع شكل ممكن عبر اتصال واحد، بدون التأثير على نتائج PageSpeed. أما الكود اليدوي فهو الأسرع على الإطلاق لأنه لا يحمّل أي سكريبت خارجي أصلاً.

هل يمكن اضافة زر واتساب وتيليغرام على بلوجر

بالتأكيد. كل الأدوات المذكورة في هذا المقال تدعم واتساب وتيليغرام. ويمكنك أيضاً إضافتهما يدوياً باستخدام روابط المشاركة الرسمية كما هو موضح في أكواد HTML أعلاه. رابط واتساب يبدأ بـ wa.me ورابط تيليغرام يبدأ بـ t.me/share/url وكلاهما يعمل بدون أي مكتبة خارجية.

هل AddThis لا يزال يعمل

لا. في الأول من أبريل 2023 أعلنت Oracle أنها ستنهي خدمات AddThis اعتباراً من 31 مايو من نفس العام. واستمر AddThis في العمل حتى تم إنهاء جميع الخدمات في ذلك التاريخ. إذا كان الكود القديم لا يزال في مدونتك فاحذفه لأنه لا يعمل ويضيف حملاً زائداً بلا فائدة.

ما أفضل أداة ازرار مشاركة للمبتدئين في بلوجر

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

كيف أضمن أن ازرار المشاركة تعمل على الجوال

إذا كنت تستخدم AddToAny، فتأكد من تنفيذ خطوة تفعيل الأزرار على الجوال كما شرحت أعلاه بإضافة mobile='yes' في كود القالب. أما إذا كنت تستخدم الكود اليدوي، فخاصية display:flex مع flex-wrap:wrap تجعل الأزرار تلقائياً متجاوبة وتتكيف مع حجم الشاشة. في كل الأحوال، بعد التركيب افتح مدونتك من هاتفك وتأكد أن كل زر يظهر بشكل صحيح وينقلك للمكان الصحيح.

هل أحتاج ازرار متابعة وأزرار مشاركة معاً أم واحدة تكفي

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

خلاصة وخطوتك القادمة

أول شيء تفعله بعد قراءة هذا المقال: تأكد أن مدونتك لا تحتوي على أكواد AddThis أو FeedBurner القديمة. احذفها فوراً لأنها أكواد ميتة تبطئ موقعك بلا أي فائدة.

ثاني شيء: اختر طريقتك المفضلة لإضافة الأزرار. إذا كنت مبتدئاً استخدم AddToAny لأنها الأسهل والأسرع. إذا كنت تريد تحكماً كاملاً استخدم الكود اليدوي. وإذا كنت تريد تحليلات تفصيلية فاذهب مع ShareThis.

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

جرّبت هذه الطرق على مدونتك؟ أو عندك سؤال عن التركيب؟ اترك تعليقاً وسأساعدك.

مواضيع قد تهمك ايضا :