26 مارس 2015

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

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

1 ) توجه الى هدا الرابط على الفيسبوك 
2 ) ضع عنوان url الخاص بمدونتك كما في الصورة 
الطريقة الصحيحة لإضافة كود ميتاتاج الفيسبوك للمدونة


3 ) الحين سيتم اظهار صفحة بها عدد من المعلوميات حول موقعك لكن كل ما يهمنا هنا هو كود التطبيق وكود الادمن الدي هو مبين لكم كما في الصورة , 
الطريقة الصحيحة لإضافة كود ميتاتاج الفيسبوك للمدونة




4 ) قم بنسخ تلك الارقام المبينة في الصورة لانك ستحتاجها بعد دالك توجه الى لوحة تحكم بلوجر ثم القالب ثم تحرير القالب 
5 ) ابحث عن الوسم <head>
ثم أظف تحته هدا الكود
<!-- [ Social Media meta tag ] --> <b:if cond='data:blog.url == data:blog.homepageUrl'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <b:if cond='data:blog.url'> <meta expr:content='data:blog.url' property='og:url'/> </b:if> <meta expr:content='data:blog.title' property='og:site_name'/> <b:if cond='data:blog.pageName'> <meta expr:content='data:blog.pageName' property='og:title'/> </b:if></b:if></b:if></b:if> <meta expr:content='data:blog.pageTitle' property='og:title'/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <meta content='article' property='og:type'/> <b:else/> <meta content='website' property='og:type'/> </b:if> <meta expr:content='data:blog.canonicalUrl' property='og:url'/> <b:if cond='data:blog.postImageUrl'> <meta expr:content='data:blog.postImageUrl' property='og:image'/> <b:else/> <b:if cond='data:blog.postImageThumbnailUrl'> <meta expr:content='data:blog.postThumbnailUrl' property='og:image'/> <b:else/> <meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/> </b:if></b:if> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription' property='og:description'/> <b:else/> <meta content='هنا ضع وصف قصير للموقع ' property='og:description'/> </b:if> <meta expr:content='data:blog.title' property='og:site_name'/> <meta content='هنا ضع الكود المحصل عليه اي كود التطبيق ' property='fb:app_id'/> <meta content='هنا ضع الكود الاخر الخاص بالادمن' property='fb:admins'/> <meta content='en_US' property='og:locale'/> <meta content='en_GB' property='og:locale:alternate'/> <meta content='id_ID' property='og:locale:alternate'/>


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

6 ) إبحث عن الوسم  <body>

ثم أضف تحته هدا الكود مع تغيير ما باللون الازرق الى نفس كود التطبيق
<div id='fb-root'/> <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>

هدا ما كل في الامر قم بحفض القالب والى تدوينة قريبة لا تقرأ وترحل فقط كلمة شكر تكفي   -_-

 

هناك تعليقان (2)

  1. بارك الله فيك اخي الكريم ووفقك
    درس رائع شكراً لك ولمجهوداتك

    ردحذف

جميع الحقوق محفوظة © 2015 أبو نزار للمعلوميات ® سياسة الخصوصية