Skip to main content

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

بواسطة - wait... مشاهدة/ 8 تعليقات
كيفية ادارة تعليقات فيسبوك عن طريق ووردبريس
2016-12-31

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

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

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

شكل التعليقات عند اتمام الشرح

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

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

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

للفائدة هذه الطريقة التي ساقوم بوضعها هي نفسها التي تتطلبها منك اضافات اخرى لانشاء تطبيق فيسبوك وهناك عدت اضافة تتطلب انشاء تطبيق فيسبوك للقيام بعملها على سبيل المثال اضافة Facebook Page Publish 2.

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

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

https://developers.facebook.com/apps/
facebook create app - مجلة ووردبريس

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

facebook create app new - مجلة ووردبريس

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

facebook create app captcha - مجلة ووردبريس

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

facebook create app info - مجلة ووردبريس

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

facebook create app platform - مجلة ووردبريس

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

facebook create app info - مجلة ووردبريس

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

facebook live app - مجلة ووردبريس

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

facebook live app popup - مجلة ووردبريس

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

facebook app id - مجلة ووردبريس

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

يمكنك مراجعة الشرح الرسمي اذا لم تستوعب الطريقة Register and Configure an App

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

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

اداة فيسبوك

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

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

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

Graph API Explorer get access token - مجلة ووردبريس

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

Graph API Explorer accesstoken about me - مجلة ووردبريس

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

Graph API Explorer message - مجلة ووردبريس

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

Graph API Explorer facebook userid - مجلة ووردبريس

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

موقع مساعد

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

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

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

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

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

get code facebook comments - مجلة ووردبريس

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

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

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

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

facebook sdk footer - مجلة ووردبريس

بعد تعديل وسم 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

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

كيفية ادارة تعليقات فيسبوك عن طريق ووردبريس بواسطة مجلة ووردبريس, يمكنك نقل ومشاركة التدوينة مع ذكر المصدر الأصلي للموضوع ، مع رابطه, التدوينة مرخصة بموجب المشاع الابداعي Creative Commons A-NC-SA 3.0.

التعليقات8 تعليقات

المرجوا الانتظار لتحميل التعليقات...
عرض التعليقات
اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *


شروط التعليق :

1 - المرجوا الابتعاد عن كتابة تعليقات بنمط (يعطيك العافية)، (روعة)، (ممتاز)، (مشكوووور)، (ابداع).

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

معاذ أشملي مدير مجلة ووردبريس (212) 689-383-644 المغرب webmaster@mwordpress.net