كيفية ادارة تعليقات فيسبوك عن طريق ووردبريس

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

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

شكل تعليقات فيسبوك عند اتمام الشرح

لتحكم في تعليقات فيسبوك ستحتاج :

1. انشاء تطبيق فيسبوك
2. الحصول على الرقم التعريفي لحسابك
3. اضافة اكواد التعليقات مع تعديلها
4. اضافة الميتاتاج

انشاء تطبيق تعليقات فيسبوك

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

اولا خطوة نتجه الى صفحة انشاء التطبيقات

https://developers.facebook.com/apps/

اضغط على Create a new app كما هو موضح في الصورة بعد الضغط ستظهر لك نافدة كما في الصورة التالية :

نقوم بكتابة اسم التطبيق و app namespace ونضغط على انشاء التطبيق بعدها ستظهر لك نافدة اخرى لتحقق captcha كما في الصورة التالية :

المهم قم بادخال الحروف او الارقام التي ستعرض عليك واضغط على تقديم بعدها سيتم عرض صفحة التطبيق الذي انشئنا كما في الصورة التالية :

نضغط على add platform ستظهر نافدة اخرى اختر منها موقع الكتروني

بعد اختيار الموقع الالكتروني ستظهر لك خصائص الموقع الالكتروني في صفحة التطبيق كما هو موضح في الصورة التالية :

ضع رابط موقعك واحفظ التغييرات كما مبين في الصورة اعلاه بعد حفظ التغيرات نتوجه الى Status & Review ستجدها في القائمة اليمنى على اذا كنت تستعمل العربية في فيسبوك ونقوم بضعط على نعم كما هو موضح بالسهم الاحمر في الصورة التالية :

قم بالتأكيد على الخاصية كما هو موضح في الصورة التالية :

الان انتهينا من انشاء التطبيق

احتفظ بمعرف التطبيق (App ID)

الحصول على الـ ID لحسابك

بما ان الفيسبوك لم يعد يسمح بعرض المعلومات بالطريقة القديمة ساعرض لكم طريقتين للحصول على الرقم التعريفي

اداة فيسبوك

يمكنك الحصول على رقم حسابك التعريفي عن طريق ادة فيسبوك (explorer) كل ما عليك هو القيام بالخطوات التالية :

قم بزيارة الرابط التالي : Graph API Explorer

بعد الدخول الى الموقع قم بالضغط على الزر المشار اليه في الصورة

بعد الضغط على Get Access Token ستظهر لك نافدة بالشكل التالي :

قم باختيار user_about_me ثم اضغط على Get Access Token وستظهر لك نافدة اخرى قم بتاكيد الامر

بعد التاكيد قم بالضغط على الزر Submit

كما تلاحظ في الصورة سيتم عرض اسمك ورقم الحساب الخاص بك

موقع مساعد

هذا الموقع (lookup-id.com) قمت بتجربته وقام بعرض الرقم الصحيح لحسابي يمكنك استعماله للحصول على الرقم التعريفي لحسابكم اسهل من اداة فيسبوك

اكواد تعليقات فيسبوك

هنا سنقوم بزيارة لصفحة اضافات الفسيبوك للحصول على كود التعليقات بعد الدخول الى الصفحة قم بالضغط على زر “Comments Plugin Configurator” لتصل الى مكان اعداد التعليقات

1. لا تقم بتغيير الرابط حاليا حتى نقوم بتعديله من بعد
2. بالنسبة للعرض اتركه فارغا حتى يصبح متجاوب مع موقعك
3. عدد التعليقات التي ستظهر بشكل افتراضي

الان انزل الى الاسفل الى ان تجد الزر “Get Code” كما هو موضح في الصورة ادناه ثم اضغط عليه

اضافة اكواد تعليقات فيسبوك الى القالب

بعد الضغط على الزر “Get Code” ستظهر لك نافدة بهذا الشكل :

1. اختر التطبيق الذي قمت بانشائه
2. اختر اللغة العربية او على حسب لغة موقعك
3. سنحتاج الكود بالكامل للوضع في ملف footer.php
4. هذا الكود سنقوم بادراجه في ملف التعليقات او المكان الذي تود عرض التعليقات به
5. دع الصفحة مفتوحة لا تضغط على موافق حتى ننتهي من التعديلات التي سنحتاج

طيب الان سنقوم بتعديل ملفات القالب الخاص بنا نذهب اولا الى ملف اسفل الصفحة (footer.php)  ثم نقوم باضافة الكود الموضح في الصورة اعلاه بالرقم 3 حتى يصبح بالشكل التالي :

بعد تعديل وسم html احفظ ملف الـ footer.php

الان ننتقل الى ملف single.php نقوم بفتحه والبحث عن كود التعليقات الخاص بووردبريس comments_template مثلا سنجد الكود بالشكل التالي :

<?php comments_template(); ?>

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

<?php comments_template(); ?>
<div class="fb-comments" data-href="https://developers.facebook.com/docs/plugins/comments#configurator"></div>

الان سنقوم بتغير الرابط الموجود في الكود من

https://developers.facebook.com/docs/plugins/comments#configurator

الى الدالة get_permalink() لجلب رابط المقالة اي ان الكود سيصبح بالشكل التالي :

<?php comments_template(); ?>
<div class="fb-comments" data-href="<?php get_permalink($post->ID); ?>"></div>

بعد تعديل الكود واضافته قم بحفظ ملف single.php

اضافة الميتاتاج الخاص بفيسبوك

هنا سنقوم باضافة بعد الاكواد الخاصة بالميتاتاج لملف الهيدر (header.php) وهي كما جاء في موقع فيسبوك

<meta property="fb:admins" content="{YOUR_FACEBOOK_USER_ID}"/>
<meta property="fb:app_id" content="{YOUR_APPLICATION_ID}"/>

الميتا الاول خاص بمن سيقوم بادارة التعليقات يجب ان تضع الرقم التعريفي الذي تحدثنا عنه سابقا مثلا 100002606664324 الخاص بيوزر حسابي Mwordpress

الميتا الثاني خاص بتطبيق الفيسبوك تضع رقم App Id التي حصلنا عليه عند انشاء التطبيق بالنسبة لي App Id هو 354996951270580

هنا سيصبح الكود بالشكل التالي :

<meta property="fb:admins" content="100002606664324"/>
<meta property="fb:app_id" content="354996951270580"/>

قم بتغير القيم حسب ما يناسبك انت واحفظ ملف الهيدر (header.php)

ملاحظة : الان بعد اتمام تعديل القالب اذا كنت تستعمل اي اضافة للكاش مثلا w3 total cache قم بتفريغ الكاش وقم بتجربة التدونات الموجودة في موقعك على فكرة انشاء التطبيق سيحتاج وقت حتى يتم تحديث محتوى موقعك في سيرفرات الفيسبوك اما اذا اردت ان تعاين الامر فما عليك سوى استعمال اداة debug الخاصة بفيسبوك لمعاينة التغييرات دون الانتظار حتى يتم تحديث موقعك في سيرفرات الفيسبوك

هذا هو رابط اداة التنقيح “debug” الخاصة بفيسبوك :

https://developers.facebook.com/tools/debug/og/object/

كل ما عليك هو وضع الرابط في الحقل والضغط debug

الى هنا انتهينا من هذا الشرح والى اللقاء في شرح قادم ان شاء الله دمت سالمين