صندوق تعليقات الفيس بوك فى مدونتك بلوجر - شئ اساسى
صندوق تعليقات الفيس بوك شعبى محبوب استخدامه من الجميع
من منا يستطيع يوما ان يستغنى عن الفيس بوك !! وهو أول و اضخم شبكة تواصل اجتماعى وجود صندوق التعليقات الخاص به فى مدونتك يسهل بقدر كبير على متابعيك ان يقوموا بالتعليق على موضوعاتك اليومية بدون عناء فقط بمجرد انتهائهم من قراءة الموضوع يكتبوا ما فى بالهم و يضغطوا (تعليق) ! اليس مذهلا .. بل و أن عندما يعلقالزائر تستفيد انت ايضا بأن التعليق يظهر لأصدقائه و متابعيه. "اذا فعل هذا الخيار"
الخطوات التى نحتاجها لأتمام العملية
1-يجب أن يكون لديك تطبيق على الفيس "نحتاج منه الاى دى فقط " (ID) ليس لديك تطبيق فيسبوك
2- نقوم بالدخول الى المدونة و نختار "القالب" ثم "تعديل HTML"
3- نحتاج أن نضيف اكواد فى بداية القالب من الاعلى ثم اكواد تضاف فى وسم "head" و بعدها "body" و اخيرا الكود المسبب فى ظهور جسم صندوق التعليق تضعه فى المكان المراد ظهور صندوق التعليقات به.
4- الاستايل - نعدل على شكل الصندوق نقوم بتغيير (العرض - لون الخلفية - الخ)
الاكواد المستخدمة فى الشرح
الكود الذى تضعه فى اول القالب
xmlns:fb='http://www.facebook.com/2008/fbml'
الكود الذى تضعه داخل وسم الهيد <Head>
<meta expr:content='data:blog.pageTitle' property='og:title'/><meta expr:content='data:blog.url' property='og:url'/> <meta content='اسم مدونتك' property='og:site_name'/> <meta content='رابط لصورة اللوجو اذا احببت' property='og:image'/> <meta content='YOUR_APP_ID' property='fb:app_id'/> <meta content='رابط بروفايلك على الفيس' property='fb:admins'/> <meta content='article' property='og:type'/>
تحديث !! تنبيه هام !! اذا لم تظهر المشاركة على الفيس بوك بشكل صحيح قم بمسح اكواد الميتا تاج هذه حيث محتمل ان يكون
قالبك محسن تلقائيا بالميتا التى يحتويها
قالبك محسن تلقائيا بالميتا التى يحتويها
من المحتمل وجود اكواد الميتا ذو اللون الرمادى من قبل فى القالب الخاص بك ! اذاً فقط ضف الاكواد البيضاء.
ضع هذا الكود بعد وسم <body> مباشرة
<div id="fb-root"></div> <script> window.fbAsyncInit = function() {FB.init({ appId : 'اضف رقم اي دى التطبيق من الفيسبوك هنا ايضا', status : true, // check login status cookie : true, // enable cookies to allow the server to access the session xfbml : true // parse XFBML}); }; (function() { var e = document.createElement('script');e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; e.async = true;document.getElementById('fb-root').appendChild(e); }()); </script>
قم بتغيير en_US الى ar_AR لكى تحول لغة الصندوق الى العربية "تعليق" / "comment"
اين تريد أن يظهر صندوق التعليقات ؟ هذا كود جسم الصندوق نفسه
<b:if cond='data:blog.pageType == "item"'> <div id='fb-root'/> <script>(function(d){ var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;} js = d.createElement('script'); js.id = id; js.async = true; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; d.getElementsByTagName('head')[0].appendChild(js); }(document));</script> <fb:comments colorscheme='light' expr:href='data:post.canonicalUrl' expr:title='data:post.title' expr:xid='data:post.id' width='650'/> </b:if>
هذا المكان مفضل لدى البعض ! حسب ما تحب. فقط اضف الكود السابق بعد الكود التالى مباشرة.
<div class="post-footer-line post-footer-line-3">
احيانا ما قد تحدث مشاكل للزوار اثناء استخدمهم للصندوق مثل عدم ظهور التعليق بعد نشره مباشرة لكن اذا عمل اعادة تحميل للصفحة يظهر التعليق , او تظهر لهم رسائل خطأ (نادراً) يرجع ذلك الى الضغط المتحامل على قواعد البينات الخاصة بأدوات الفيس البوك للمواقع , حيث انى اتذكر بأنى قرأت مقالة من فترة كبيرة تشيد بأن الفيس بوك لا يرى املا فى تطوير هذه الادوات بالشكل الكافى الذى يسمح لهذا الكم الهائل من استخدامه " لست متأكداً من صحة هذا الكلام (المرجح) !! ".
ارجوك لا تتردد فى سؤالى من خلال التعليقات سأجيبك فى اقرب فرصة بأذن الله..
| روابط هذه التدوينة قابلة للنسخ واللصق | |
| URL | |
| HTML | |
| BBCode | |
