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


مصنفة في قسم  : شروحات
كتبت بتاريخ  : 26 يونيو 2013
عدد المشاهدات  : 
عدد التعليقات  : 9 تعليقات 

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

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

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

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

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

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

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

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

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

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

انشاء تطبيق فيسبوك الخطوة الاولى

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

انشاء تطبيق فيسبوك الخطوة الثانية

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

انشاء تطبيق فيسبوك الخطة 3

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

انشاء تطبيق فيسبوك الخطوة 4

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

بعد الضغط على حفظ التغييرات ستظهر لك نافدة نجاح انشاء التطبيق

رسالة نجاح انشاء تطبيق الفيسبوك

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

الحصول على الرقم التعريفي لحسابك

هذه الطريقة سهلة جدا يعني كل ما عليك هو زيارة الصفحة التالية :

http://graph.facebook.com/

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

http://graph.facebook.com/Mwordpress

بعد تعديل الرابط الى اليوزر الخاص بك ستظهر لك بعض الاكواد تحتوي على اللغة التي تستعمل والرقم التعريفي الخاص بك الى اخره ناخد مثال

{

“id”: “100002606664324“,

“name”: “\u0645\u0639\u0627\u0630 \u0623\u0634\u0645\u0644\u064a”,

“first_name”: “\u0645\u0639\u0627\u0630”,

“last_name”: “\u0623\u0634\u0645\u0644\u064a”,

“link”: “https://www.facebook.com/Mwordpress”,

“username”: “Mwordpress”,

“gender”: “male”,

“locale”: “ar_AR”

}

الكود المشار اليه باللون الاحمر هو الرقم التعريفي الخاص بك Id لا ادري ان كانت ترجمة صحيحة ام لا المهم الفكرة وصلت احتفظ بهذا الكود سنحتاجه في ادراج اكواد التعليقات

اضافة اكواد التعليقات مع تعديلها

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

facebook comments generator

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

طيب الان ستظهر لك نافدة بهذا الشكل :

facebook-commentss-box-code

  1. اختر xfbml كما هو موضح في الصورة اعلاه
  2. السهم الاحمر الثاني يمكنك التحقق من App Id
  3. السهم الاحمر الثالت سنحتاجه لاضافته الى وسم html في ملف الهيدر (header.php)
  4. السهم الثالت هذا كود التعليقات التي ستظهر في تدوينات الموقع
  5. دع الصفحة مفتوحة لا تضغط على موافق حتى ننتهي من التعديلات

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

<html <?php language_attributes(); ?>>

نقوم باضافة الكود المشار اليه في السهم الثالت بهذا الشكل  :

<html <?php language_attributes(); ?> xmlns:fb="http://ogp.me/ns/fb# >

بعد تعديل وسم html احفظ ملف الهيدر

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

<?php comments_template(); ?>

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

<?php comments_template(); ?>
<fb:comments href="http://example.com" width="470" num_posts="1"></fb:comments>

الان سنقوم بتغير الرابط الموجود في الكود (http://example.com) الى الدالة get_permalink() لجلب رابط التدوينة اي ان الكود سيصبح بالشكل التالي :

<?php comments_template(); ?>
<fb:comments href="<?php echo get_permalink(); ?>" width="470" num_posts="1"></fb:comments>

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

نبحث الان في ملف الفوتر عن

<?php wp_footer(); ?>

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

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ar_AR/all.js#xfbml=1&appId=354996951270580";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

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

احفظ ملف الفوتر (footer.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

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

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

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

الوسوم : , , , , , , , , , , , , , , , , , ,


عدد التعليقات على هذه التدوينة : 9 تعليقات

  1. user يونيو 27th, 2013

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

    • معاذ يونيو 27th, 2013

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

  2. محمد يونيو 28th, 2013

    شرح مميز و بكل صراحة فأا أرتاح لأسلوبك في كتابة المقالات لكن أنا أتمنى لو أنك تضع لنا شرح لإظافة معينة تؤدي نفس الدور

    • معاذ يوليو 1st, 2013

      العفو اخي صراحة سأكذب عليك اذا قلت لك اني استعملت من قبل اضافة لهذا الغرض

  3. ahmed أكتوبر 30th, 2013

    شرحك الله ينورع علية تمام .. والتعليقات اتركبت بس عندى استفسار صغير

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

    • معاذ أكتوبر 30th, 2013

      غير التالي :
      connect.facebook.net/en_US/all.js
      الى
      connect.facebook.net/ar_AR/all.js

  4. ahmed أكتوبر 30th, 2013

    للاسف عدلتها ولسة نفس المشكلة وجهه التعليقات باللغة الانجليزية

    • معاذ أكتوبر 31st, 2013

      حاول تغير السطر التالي ستجده في الهيدر

      <html dir="rtl" lang="ar" xmlns:fb="http://ogp.me/ns/fb#" xmlns:addthis="http://www.addthis.com/help/api-spec"  prefix="og: http://ogp.me/ns#" xmlns:fb="http://ogp.me/ns/fb#">
      

      الى

      <html dir="rtl" lang="ar" xmlns:fb="http://ogp.me/ns/fb#" xmlns:addthis="http://www.addthis.com/help/api-spec" >
      

      مثال فقط انت حاول بس تحذف الامور التي حذفت من السطر


  • مجلة الوردبريس
    أكتوبر 31st, 2013




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

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