إضافة صندوق تعليقات الفيس بوك وأهميته في إشهار مدونتك

إضافة صندوق تعليقات الفيس بوك وأهميته في إشهار مدونتك

Unknown 10/15/2013 Labels: إضافات البلوجر, الجميع, الفيس بوك, مواقع

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

لكن سوف تقول لي كيف سيساعدني صندوق التعليقات الفيس بوك في إشهار مدونتي ؟

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

فهل إقتنعت صديقي المدوّن أن كونك مبتدئ في علم البلوجر يستوجب منك إعارة إهتمام جدّي لهذه النقطة ؟

لكن يبقى الشيء المهم هو كيف سوف أضيف هذا الصندوق إلى مدونتي على البلوجر؟

لا تفكروا في الأمر كثيرا لأنه لدي الطريقة المثلى لإضافة هذا الصندوق إلى مدونتك فقط تابعوني خطوة بخطوة.

أول شيء تفعله عزيزي المدوّن هو عمل نسخة إحتياطية لقالبك.
وذلك بالذهاب إلى Template

ثم إضغط هنا

ثم نقوم بحفضه في أي مكان نريده

بعد إنتهائنا من عمل نسخة إحتياطية للمدونة نمر إلى الخطوة الأهم

سوف نذهب أولا إلى إنشاء صفحة تطبيقات الخاصة بالفيسبوك

وذلك بالذهاب إلى developers.facebook.com/apps

ثم إضغطو على تطبيق جديد كما في الصورة

بعد ذلك نقوم بملأ الخانة بما يناسبك
ثم نضغط التالي

في هذه النافذة نقوم بإدخال كود الكباتشا

بعدها سوف تظهر لك هاته النافذة

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

كما تشاهدون في الصورة

بالنسبة للإخوان الذين أنشؤا صفحة الفيس بوك مسبقا

فلكي تحصلوا على رقم التطبيق App ID ما عليهم سوى الذهاب إلى صفحتهم على الفيس بوك

وفي الأعلى قومو بنسخ وتبديل WWW بــ Graph

كما تلاحظون في الصورة

بعد إنتهائنا من المرحلة الأولى نمر الأن إلى إنشاء صندوق التعليقات الخاص بالفيس بوك

نذهب إلى كود القالب الخاص بمدونتك

ونضغط في لوحة المفاتيح على Ctrl + F

قم بالبحث على الكود الأصفر وألصق ورائه مباشرة الكود الأزرق
للإشارة هذه الأكواد قابلة لنسخ واللصق

1) <html xmlns:fb='http://www.facebook.com/2008/fbml'

بعد ذلك قم بالبحث على الكود الأخضر وألصق ورائه مباشرة الكود الأزرق

مع وضع رقم التطبيق App ID في المكان المخصص له أسفله

2) <body>

<div id='fb-root'/>
<script>
    window.fbAsyncInit = function() {
    FB.init({
      appId  : &#39;رقم التطبيق&#39;,
      status : true, // check login status
        cookie : true, // enable cookies to allow the server to access the   session
      xfbml  : true  // parse XFBML
    });
  };
    (function() {
    var e = document.createElement(&#39;script&#39;);
      e.src = document.location.protocol +   &#39;//connect.facebook.net/ar_AR/all.js&#39;;
    e.async = true;
      document.getElementById(&#39;fb-root&#39;).appendChild(e);
    }());
</script>

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

3) </head>

 <meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='إسم مدونتك' property='og:site_name'/>
<meta content='شعار الخاص بمدونتك' property='og:image'/>
<meta content='رقم الإدي' property='fb:app_id'/>
<meta content='رابط الفيس بوك الرئيسي ' property='fb:admins'/>
<meta content='article' property='og:type'/>

ثم في الكود الأخير قم بالبحث على الكود الأحمر وألصق ورائه مباشرة الكود الأزرق

يمكنك تغير مقاس عرض صندوق التعليقات الفيس بوك إلى المقاس الذي يناسبك في الكود التالي: 'width='645

4)  <b:includable id='comment-form' var='post'>


 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;'><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<div> <fb:comments  colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='645'/></div>
</div>
</b:if>

بعد ذلك قومو بحفظ القالب
سوف تكون النتيجة كالتالي

هذا كل شيء لا تبخلو علي بتعليقاتكم
في إنتظار تفاعلكم الإجابي

والسلام عليكم ورحمة الله وبركاته

مع إطلالة عيد الأضحى المبارك
يسعدني و يطيب لي

أن أتقدم لكم و لذويكم زوار مدونتنة محترفو الصيانة

بأزكى و أصدق متمنياتي الخالصة

بدوام الصحة و العافية
و الظفر بالجنة

أعاده الله علينا و عليكم باليمن والبركات
والعزة للإسلام وأهله.
تقبل الله طاعاتكم و قرباتكم
آمين ب