كيفية إضافة فيسبوك إلى مدونتك في 2024 بخطوات بسيطة

كيفية إضافة فيسبوك إلى مدونتك في 2024 بخطوات بسيطة

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



كيفية إضافة فيسبوك إلى مدونتك في 2024 بخطوات بسيطة

كيفية إضافة فيسبوك إلى مدونتك في 2024 بخطوات بسيطة

الخطوة 1: إضافة زر الإعجاب (Like) والمشاركة (Share)

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

كيفية إضافة زر الإعجاب والمشاركة:

  1. زيارة صفحة أدوات فيسبوك للمطورين: اذهب إلى صفحة أدوات المطورين الخاصة بفيسبوك.
  2. اختيار زر الإعجاب أو المشاركة: اختر الأداة التي تريدها، مثل زر الإعجاب أو المشاركة.
  3. تخصيص الزر: قم بتحديد خيارات التخصيص مثل الحجم، العرض، ونوع الزر.
  4. الحصول على الشيفرة (Code): بعد تخصيص الزر، انسخ الشيفرة التي يولدها الموقع.
  5. إضافة الشيفرة إلى مدونتك: قم بلصق الشيفرة في المكان المناسب داخل قالب المدونة، مثل أسفل المقالات أو في الشريط الجانبي.

الخطوة 2: تضمين منشورات فيسبوك مباشرة في المدونة

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

كيفية تضمين منشورات فيسبوك:

  1. الذهاب إلى المنشور على فيسبوك: افتح المنشور الذي ترغب في تضمينه.
  2. اختيار خيار التضمين: اضغط على النقاط الثلاث في الزاوية اليمنى العليا للمنشور واختر "تضمين" (Embed).
  3. نسخ الشيفرة: ستظهر نافذة تحتوي على شيفرة التضمين. انسخها.
  4. لصق الشيفرة في المدونة: قم بلصق الشيفرة في محرر HTML للمقالة أو الصفحة حيث تريد أن يظهر المنشور.

الخطوة 3: إضافة شريط جانبي للفيسبوك (Facebook Sidebar Widget)

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

كيفية إضافة شريط جانبي لفيسبوك:

  1. اختيار أداة شريط جانبي: اذهب إلى صفحة أدوات فيسبوك واختر أداة "صفحة فيسبوك".
  2. تخصيص الأداة: قم بإدخال رابط صفحتك على فيسبوك واختر الخيارات التي تناسب تصميم مدونتك.
  3. نسخ الشيفرة: بعد التخصيص، انسخ الشيفرة.
  4. لصق الشيفرة في الشريط الجانبي: انتقل إلى إعدادات الشريط الجانبي في مدونتك وأضف أداة HTML مخصصة. الصق الشيفرة داخل الأداة.

الخطوة 4: استخدام فيسبوك بيكسل (Facebook Pixel) لتحليل التفاعل

فيسبوك بيكسل هو أداة تحليلية تتيح لك تتبع كيفية تفاعل الزوار مع محتوى مدونتك بعد زيارة صفحتك على فيسبوك.

كيفية إعداد فيسبوك بيكسل:

  1. إنشاء بيكسل على فيسبوك: اذهب إلى حساب مدير الإعلانات على فيسبوك واختر "فيسبوك بيكسل" لإنشاء بيكسل جديد.
  2. نسخ كود البيكسل: بعد الإنشاء، انسخ كود البيكسل.
  3. إضافة الكود إلى مدونتك: قم بلصق كود البيكسل في الجزء العلوي من قالب HTML لمدونتك، قبل وسم </head>.

الختام

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

الان قم بالذهاب إلى لوحة التحكم لمدونتك ثم إضغط على قالب ثم تحرير html ثم  اضغط على  على ctrl+f و ضع هذا  الكود في

 المستطيل





<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/fydtuk//&amp;width=338&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false&amp;" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:338px; height:250px;" allowtransparency="true"></iframe>





________

<div class='comments' id='comments'>

________

مهم : سوف تجده مكرر مرتين  ضع أسفل كل واحد منهما هذا الكود
________
<div class='comakauttafb-tab' id='fb-remarks' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Add Remarks by means of Facebook'>

<img class='comakauttafb-tab-symbol' src='http://4.bp.blogspot.com/ - Tl0N8MDGaw0/UCHXhT9dUwI/AAAAAAAAB-k/3UihVeUEWG0/s1600/FACEBOOK.png'/>

<fb:comments-number expr:href='data:post.url'/> Remarks

</div>

<div class='comakauttafb-tab dormant select-tab' id='blogger-remarks' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Add Remarks by means of Blogger'>

<img class='comakauttafb-tab-symbol' src='http://4.bp.blogspot.com/ - APHz6xxyC8o/UCHXgOR5KhI/AAAAAAAAB-c/ZJ7xTy_ZXVs/s1600/BLOGGER.png'/>

<data:post.numComments/> Remarks

</div><div class='clear'/>

</div>

<div class='comakauttafb-page' id='fb-remarks page'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div id='fb-root'/>

<fb:comments color='dark' expr:href='data:post.url' num_posts='10' width='680'/>

</b:if>

</div>

<div class='comments comakauttafb-page' id='blogger-remarks page'>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

<script src='http://code.jquery.com/jquery-latest.js'/>

<meta content='potter182' property='fb:admins'/>

<script type='text/javascript'>

work commentToggle(selectTab) {

$(&quot;.comakauttafb-tab&quot;).addClass(&quot;inactive-select-tab&quot;);

$(selectTab).removeClass(&quot;inactive-select-tab&quot;);

$(&quot;.comakauttafb-page&quot;).hide();

$(selectTab + &quot;- page&quot;).show();

}

</script>

<style type='text/css'>.comakauttafb-page, .comakauttafb-tab

{-moz-outskirt radius:10px 10px; - webkit-fringe radius:10px 10px; outskirt left:5px strong #ccc; fringe top:3px strong #ccc; outskirt bottom:3px strong #ccc; fringe right:5px strong #ccc}.comakauttafb-page

{background:transparent;);margin-top:8px;}#blogger-remarks page

{padding:0px 5px;display:none;}.comakauttafb-tab {text-shadow:0px 1px

1px

#fff;color:#000;float:left;padding:5px;margin-right:5px;cursor:pointer;background:transparent;);- o-transition:.5s

dial down;- moz-transition:.5s dial down;- webkit-transition:.5s

ease-out}.comakauttafb-tab-symbol

{height:16px;width:16px;margin-right:5px;}.comakauttafb-tab:hover

{background:rgba(219,219,219,.8);}.inactive-select-tab

{background:rgba(255,255,255,.4);}.inactive-select-tab,

.comakauttafb-tab:hover {box-shadow:- 1px - 1px #fff,1px 1px

#fff,1px 1px 5px #000;- moz-box-shadow:- 1px - 1px #fff,1px 1px

#fff,1px 1px 5px #000;- webkit-box-shadow:- 1px - 1px #fff,1px 1px

#fff,1px 1px 5px #000}</style>

________

ثم قم بحفظ التغييرات وهكذا تكون أضفت  الإضافة المهمة و مبروك

________مزيد من المعلومات________

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

1. إضافة رابط لصفحة فيسبوك

  • افتح مدونتك في منصة التدوين التي تستخدمها (مثل WordPress أو Blogger).
  • اختر المكان الذي ترغب في وضع الرابط فيه (مثل الشريط الجانبي أو الفوتر).
  • قم بكتابة النص الذي تريده (مثل "تابعنا على فيسبوك")، ثم اضغط على أيقونة الروابط في المحرر.
  • أدخل الرابط إلى صفحتك على فيسبوك واحفظ التغييرات.

2. إضافة زر "الإعجاب" أو "المتابعة" من فيسبوك

  • انتقل إلى صفحة Facebook for Developers:
    • ادخل إلى Facebook for Developers واختر "Page Plugin" لإنشاء زر "الإعجاب" أو "المتابعة" لصفحتك.
  • خصص الإعدادات:
    • أدخل رابط صفحتك على فيسبوك.
    • اختر تصميم الزر، مثل إظهار صورة الغلاف أو عدد المعجبين.
  • توليد الكود:
    • بمجرد تخصيص الزر، اضغط على زر "Get Code".
    • ستظهر نافذة تحتوي على كود HTML.
  • إضافة الكود إلى مدونتك:
    • افتح محرر HTML لمدونتك وألصق الكود في المكان الذي ترغب في ظهور زر "الإعجاب" أو "المتابعة" فيه.

3. تضمين المنشورات من فيسبوك

  • اذهب إلى المنشور الذي تريد تضمينه في مدونتك.
  • اضغط على الثلاث نقاط أعلى المنشور واختر "تضمين" (Embed).
  • قم بنسخ الكود المقدم من فيسبوك.
  • ألصق الكود في محرر HTML الخاص بالتدوينة في المكان الذي تريد ظهور المنشور فيه.

4. إضافة فيسبوك إلى الويدجيت (في ووردبريس على سبيل المثال)

  • في ووردبريس، اذهب إلى قسم Appearance > Widgets.
  • اختر Custom HTML Widget.
  • ألصق الكود الذي حصلت عليه من Facebook Developer وأضف الويدجيت إلى المكان المناسب (مثل الشريط الجانبي).

5. استخدام إضافات ووردبريس (إذا كنت تستخدم ووردبريس)

  • هناك الكثير من الإضافات الجاهزة التي تسهل عليك تضمين فيسبوك. على سبيل المثال، يمكن استخدام إضافة مثل Smash Balloon Social Post Feed، التي تساعد في عرض منشورات من صفحتك على فيسبوك مباشرة في مدونتك.

نصائح إضافية:

  • تأكد من أن تصميم الزر أو المحتوى المضمن يتناسب مع تصميم مدونتك.
  • احرص على اختبار الإضافات المختلفة للتأكد من أنها تعمل بشكل صحيح على جميع الأجهزة (حاسوب وهاتف).

بهذه الخطوات البسيطة، يمكنك تحسين التفاعل بين مدونتك وفيسبوك، مما يعزز التفاعل ويزيد من عدد المتابعين.





تعليقات