الطريقة الصحيح لإضافة صندوق التعليقات فيسبوك facbook .


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

أولا أنقر على الرابط التالي: developers.facebook.com ثم إضغط على Apps ثم Add a Now App كما هو موضح في الصورة التالية.


ستنبثق أمامك نافذة كما هو موضح في الصورة التالي إضغط على Site Web.


الأن أدخل رابط الموقع الذي تريد أن تضيف إليه صندوق التعليقات ثم إضغط على Create New Facebook App ID.


ثم إختر تخصص موقعك كما هو موضح في الصورة والضغط Create App ID.



ستفتح أمامك صفحة جديدة قم بالنسخ الكود الذي تجد كما هو موضح في الصورة.
إذهب إلى موقعك وبحث عن الكود التالي : <body>.
ثم ألصق الكود بعده مباشرة.
وأيضا قم بالنصخ الكود appID مثال (732717953490052) كما هو موضح في الصورة وحتفظ به لأننا سنحتاجه لاحقا.


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


إبحث عن الكود التالي <html>
ثم ألصق بعده الكود التالي كما في الصورة أسفله.
xmlns:fb='http://www.facebook.com/2008/fbml'


الان قم بالبحث عن الكود التالي <body>
وبعدها ألصق الكود التالي:

ولا تنسى أن تغيير كلمة (معرف التطبيق App ID) بالكود اللتي نسخته في البداية

<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
    FB.init({xfbml: true, appId: معرف التطبيق });
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/ar_AR/all.js'
    document.getElementById('fb-root').appendChild(e);
  }());
</script>

الان إبحث عن الكود التالي </head>
وأضف قبله الكود التالي:
ولا تنسى أنتغيير العبارات اللتي باللون الأحمر.

عنوان المدونة = غييره بالعنوان مدونتك.
App ID معرف التطبيق = أكتب الكود اللذي نسخته من قبل مرة أخرى.
ID معرف حسابك على الفيسبوك =  قم بإضافة معرف حسابك على الفيسبوك والذي سيجعلك مديرا للتعليقات  من اجل إدارتها ، ولكي تعرف معرفك الخاص انقر على بروفايلك في الفيسبوك وابحث في الرابط في الاعلى عن إسم المستخدم مثلا حسابي الخاص هو facebook.com/benrahhali إدن المعرف هو benrahhali  ساقوم بإضافته في الكود.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta   expr:content='data:blog.pageTitle' property='og:title'/>
<meta   expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta   expr:content='data:blog.title' property='og:title'/>
<meta   expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta   content='عنوان المدونة' property='og:site_name'/>
<meta   content='http://google.com/help/hc/images/logos/blogger_logo.gif'   property='og:image'/>
<meta content='معرف التطبيق ID'   property='fb:app_id'/>
<meta content='معرف حسابك على فيسبوك ID'   property='fb:admins'/>
<meta content='article'   property='og:type'/>
الأن لم يتبقى أمامك إلى أن تضع صندوق التعليقات.
الان إبحث عن الكود التالي  <data:post.body/>
أضف الكود التالي مباشرة أسفله.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<fb:comments width='600' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1'/>
</div>
</b:if>
يمكنك تغير الــ width='600' حتى تتناسب مع عرض صندوق التعليقات مع مواضيع مدونتك.
أتمنى أن يكون الشرح واضح والان لم يبقى إلا أن أقول لك لا تنسى أن تشجعنا بالتعليق وضغظ على أزرار المشاركة والإعجاب.
بوشعيب بنرحالي
بواسطة : بوشعيب بنرحالي
مدون ومصمم جرافيك وموشن جرافيك، مؤسس موقع Chobixo Tech، كنت أعمل كـ مدير ويب في أحد الجرائد الإلكترونية، أعمل حاليا كـ مترجم تقني لدى شركة EaseUS العالمية المتخصصة في إنتاج أدوات الإدارة الحوسبية - للتواصل معي : Benrahhali00[at]Gmail.com