شرح إضافة وتخصيص إضافات فيسبوك الاجتماعية لموقعك – Facebook Page Plugin
إذا كنت تبحث عن طريقة إضافة صفحة فيسبوك لموقعك أو تثبيت زر الإعجاب والمشاركة لزيادة التفاعل مع جمهورك، فأنت في المكان الصحيح.
في هذا الدليل، سنشرح خطوة بخطوة كيفية إضافة مكونات فيسبوك الاجتماعية مثل Facebook Page Plugin (المعروف سابقًا بـ Facebook Like Box)، وزر الإعجاب والمشاركة، وزر الحفظ، بالإضافة إلى إضافة الاقتباسات والمجموعات إلى موقعك أو مدونتك.
![]() |
كيفية إضافة صندوق اعجاب فيس بوك على مدونة بلوجر بطريقة احترافية |
لماذا تحتاج إلى إضافات فيسبوك على موقعك؟
مع وجود أكثر من ملياري مستخدم نشط، يعتبر فيسبوك من أقوى منصات التواصل الاجتماعي للترويج للمحتوى.
إضافات فيسبوك الاجتماعية تتيح لك:
عرض صفحتك على الموقع وزيادة الإعجابات.
تمكين الزوار من المشاركة دون مغادرة الموقع.
عرض الأحداث، الرسائل، والجداول الزمنية مباشرة.
أنواع إضافات فيسبوك الاجتماعية
تشمل أهم الإضافات التي يمكنك دمجها في موقعك:
Facebook Page Plugin – عرض صفحتك على الموقع.
Like Button – زر الإعجاب لزيادة المتابعين.
Share Button – زر المشاركة لنشر الروابط.
Save Button – زر الحفظ لقراءة المحتوى لاحقًا.
Quote Plugin – مشاركة اقتباسات من الموقع.
Group Plugin – الانضمام إلى مجموعتك مباشرة.
أولًا: إضافة صفحة فيسبوك لموقعك – Facebook Page Plugin
ما هو Facebook Page Plugin؟
هو مكون إضافي رسمي من فيسبوك يسمح بعرض صفحتك داخل موقعك، مع إمكانية الإعجاب والمشاركة ومشاهدة الأحداث والمحتوى دون مغادرة الموقع.
خطوات إضافة Facebook Page Plugin
3. أدخل رابط صفحتك على فيسبوك.
4. اختر علامات التبويب المراد عرضها (الجدول الزمني، الرسائل، الأحداث…).
5. حدد عرض الأداة بين 180 و500 بكسل، وارتفاعها من 70 بكسل فما فوق.
6. فعّل الخيارات الإضافية:
- إظهار أو إخفاء صورة الغلاف.
- عرض وجوه الأصدقاء.
- جعل الأداة متجاوبة للشاشات الصغيرة.
2. اضغط "الحصول على الرمز" لنسخ الأكواد.
3. ضع الكود الأول في رأس الموقع أو التذييل، والكود الثاني في المكان المراد ظهوره لإنشاء أداة جديدة باستخدام HTML/JavaScript .
ثانيًا: تخصيص Facebook Page Plugin باستخدام CSS
إذا أردت تصميمًا فريدًا:
- أضف كود CSS مع كود الإضافة.
- استبدل رابط الحساب في <iframe> برابط صفحتك.
- غيّر الخلفية أو الألوان عبر أكواد اللون (Hex Codes).
- الكود نفسه يعمل مع بلوجر وووردبريس وأي منصة أخرى.
ثالثًا: إضافة صفحة فيسبوك في ووردبريس
يمكنك استخدام إضافات مجانية من مستودع ووردبريس:
Responsive Facebook Page Plugin – إضافة متجاوبة وسهلة الاستخدام.
Easy Facebook Like Box – توفر تخصيصات متقدمة وخيارات ألوان.
رابعًا: زر الإعجاب والمشاركة على فيسبوك
أهمية أزرار الإعجاب والمشاركة
زر الإعجاب: لزيادة متابعي صفحتك ومحتواك.
زر المشاركة: لتوسيع انتشار الروابط بين جمهور أكبر.
خطوات إضافة زر الإعجاب والمشاركة
3. اختر التصميم والحجم ونوع الإجراء (Like أو Recommend).
4. فعّل خيار زر المشاركة بجوار زر الإعجاب.
5. انسخ الأكواد وضعها في موقعك.
إضافات ووردبريس لزر الإعجاب
Facebook Button by BestWebSoft – لإضافة الأزرار قبل أو بعد المحتوى.
Facebook Like Box Popup – لعرض نافذة منبثقة للتفاعل.
خامسًا: زر الحفظ في فيسبوك – Facebook Save Button
يسمح للزائر بحفظ أي محتوى على قائمته في فيسبوك.
طريقة الإضافة:
3. اختر حجم الزر.
4. انسخ الكود وضعه في المكان المطلوب.
سادسًا: إضافات الاقتباسات والمجموعات
Quote Plugin: يتيح مشاركة نصوص محددة من موقعك على فيسبوك.
Group Plugin: يتيح الانضمام إلى مجموعتك مباشرة من الموقع.
الخلاصة
إضافة وتخصيص مكونات فيسبوك الاجتماعية على موقعك تساعد في زيادة التفاعل وجذب المتابعين وتعزيز التسويق الرقمي.
اختر الإضافات التي تناسب أهدافك، وخصصها لتلائم تصميم موقعك، ولا تنسَ اختبار سرعتها على الصفحات.
2️⃣ "إذا استفدت من الشرح لا تنسَ مشاركته مع أصدقائك، واترك تعليقك ليستفيد الجميع."
3️⃣ "ندعوك لمشاركة المقال أو ترك تعليق برأيك وتجربتك مع إضافة صندوق إعجاب فيسبوك."