وضع تعليقات الفيس بوك في مدونتك كل موضوع له تعليقاته


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

من خلال هذه الطريقه ستحصل علي هذه المميزات  
1- لن تتكرر التعليقات بل كل موضوع له تعليقاته الخاصة.

2- إمكانية مراقبة التعليقات والرد عليها وجعل نفسك ادمن التعليقات وحذف التعليقات وخلافه.

3- إذا علق شخص على الموضوع فسوف يظهر هذا التعليق في حسابه على الفيس مرفقاً معه رابط هذا الموضوع ،وهذا مهم في كسب مزيد من الزيارات لمدونتك .



طريقه تضمين تعليقات فيس بوك بموقعك :


أولاً : سجل نفسك كمطور على فيس بوك:
تصميم تطبيق على فيس بوك يتطلب أن تسجل ضمن المطورين. عبر الخطوات التالية:
1- سجل دخولك على فيس بوك
3- سجل نفسك مطور بالضغط على register as developer وافق على الاتفاقية ثم اضغط (متابعة)








4- أكد حسابك بإدخال رقم هاتفك ثم اضغط (متابعة)






5- ستتلقى رسالة هاتفية تحتوي على رقم التأكيد ، اكتبه في المكان المخصص ثم اضغط (تأكيد)





6- حرر إعدادات خصوصية هاتفك ثم اضغط (متابعة)




7- حدد اهتماماتك ثم اضغط (متابعة)
 

8- تهانيناً تم تسجيلك كمطور الآن



ثانياً : إنشاء تطبيقك الأول
 
الخطوة التالية هي إنشاء التطبيق الذي ستستعين به في السماح بتعليقات الفيس بوك على موقعك. ويتم ذلك عبر الخطوات التالية:
1- على الشاشة التالية يظهر زر إضافة التطبيق الجديد Create New App + والذي ستجده دائماً على رئيسية بروفايلك على فيس بوك (إنشاء تطبيق)


2- اضغط الزر ثم اختر اسماً لتطبيقك الجديد (أي اسم) واختر تصنيفاً له



3- قم بإجراء الاختبار الأمني وأكد بشريتك عبر كتابة الحروف الموجودة بالصورة

4- تمتلك الآن ما تحتاجه لربط الفيس بوك بالموقع وهما رقم التطبيق App ID وكلمة مروره App Secret وكل ما عليك هو إضافة blogger.com إلى نطاق التطبيق App Domainsوالموقع الذي ستدخل منه على الفيسبوك Website with Facebook Login ولكن مع http هذه المرة.



ثالثاً : تنصيب إضافة التعليقات
عبارة عن اكواد لابد من وضعها في القالب حتى يعمل صندوق تعليقات الفيس بوك

 


من لوحة تحكم المدونة اذهب إلى تحرير html

1- ثم ابحث عن  <html ثم ضع بعده مباشرة الكود التالي:



xmlns:fb='http://www.facebook.com/2008/fbml' 



بحيث يأخذ شكل الكود في القالب كما يلي :


<html xmlns:fb='http://www.facebook.com/2008/fbml' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
2- ابحث عن الوسم <body> و بعده مباشرة ألصق الكود الآتي بعد استبدال معرف التطبيق بالأرقام التي نسختها سابقا في الخطوة الأولى:
و ستجدها في القوالب الحديثه بأسم <tbody>


<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>



3- بعد ذلك ابحث عن الوسم </head> ثم قبله مباشرة ألصق الكود التالي:

<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='معرف التطبيق ID'   property='fb:app_id'/>
<meta content='معرف حسابك على فيسبوك ID'   property='fb:admins'/>
<meta content='article'   property='og:type'/>
غير ماهو ملون في الكود السابق كما يلي :
عنوان المدونة : عنوان مدونتك أو أي اسم تحب أن يظهر على فيسبوك عندما يعجب أحدهم بإحدى تدويناتك.
الرابط البرتقالي : استبدله برابط صورة لشعار مدونتك.
معرف التطبيق ID : طبعا هو نفسه المعرف الذي نسخته في الخطوة الأولى.
معرف حسابك على فيسبوك ID :
وهو عبارة عن مجموعة ارقام تظهر في آخر رابط اكونتك على الفيس بوك
مثل التالي :
http://www.facebook.com/profile.php?id=100003641885522

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


<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='560' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1'/>
</div>
</b:if>
ملحوظة: لمن يملكون قوالب داكنة  يمكنه استعمال صندوق تعليقات فيسبوك باللون الأسود و لفعل ذلك نضيف colorscheme='dark' مباشرة بعد <fb:comments في الكود السابق.

و أخيرا اضغط زر الحفظ