AMP Blogger - يعد فيسبوك أكثر الوسائط الاجتماعية شيوعًا على الإنترنت. أكثر من 2 مليار شخص لديهم بالفعل حساب على فيسبوك، وأكثر من 2 مليون شخص عبر الإنترنت ويستخدمون فيسبوك بنشاط كل يوم ..
يستخدم فيسبوك أيضًا على نطاق واسع من قبل المسوقين للتسويق والترويج للخدمات أو السلع التي يبيعونها. لأن سوق فيسبوك الحالي لا يزال مزدحمًا ولديه إمكانات.
وبالمثل مع مالكي مواقع الويب أو المدونات الذين يروجون لمواقعهم الإلكترونية من أجل حركة المرور الخاصة بهم. إحدى الطرق التي يشيع استخدامها من قبل مشرفي المواقع هي إضافة زر مشاركة على فيسبوك و زر إعجاب فيسبوك.
وبالمثل مع مالكي مواقع الويب أو المدونات الذين يروجون لمواقعهم لجلب حركة المرور. إحدى الطرق التي يشيع استخدامها من قبل مشرفي المواقع هي Facebook Share و Facebook Like Button.
لكن هذه المرة سأشرح فقط كيفية إضافة Facebook Like Button إلى قالب Blogger AMP ، لأنني أوضحت مشاركة Facebook في المقالة كيفية تثبيت Addthis Share.
إضافة زر أعجبني على AMP Blogger
كالعادة ، لإضافة مكونات جديدة إلى صفحة AMP ، نحتاج إلى مكون جافا سكريبت من AMP HTML. ولتثبيت Facebook Like Button ، قامت AMP HTML بإعداد amp-facebook-like.
أدخل تحرير HTML في نموذج Blogger الخاص بك. انسخ هذا المكون والصقه في رأس العلامة (قبل </head>)
<script async='async' custom-element="amp-facebook-like" src="https://cdn.ampproject.org/v0/amp-facebook-like-0.1.js"></script>بعد ذلك ، انسخ كود HTML ثم والصقه في المكان الذي تريد ظهور الزر فيه.
<b:if cond='data:blog.pageType == "item"'>
<amp-facebook-like width="90"
height="20"
layout="fixed"
data-layout="button_count"
expr:data-href="data:post.url">
</amp-facebook-like>
</b:if>على سبيل المثال ، لوضع زر Facebook Like في نهاية المقالة ، يجب عليك إضافته فوق آخر كود <data: post.body/>.
إضافة زر المشاركة
إذا كنت ترغب في إضافة زر المشاركة بجوار زر الإعجاب ، فأنت تحتاج فقط إلى إضافة رمز data-share= 'true' وإضافة عرض السمة إلى 180px ، لذلك يكون الرمز كما يلي:
<b:if cond='data:blog.pageType == "item"'>
<amp-facebook-like width="180"
height="20"
layout="fixed"
data-layout="button_count" data-share='true'
expr:data-href="data:post.url">
</amp-facebook-like>
</b:if>بعد ذلك احفظ التغييرات على القالب الخاص بك.
ولكن تجدر الإشارة إلى أنه إذا نقر الزائر على "أعجبني" ، فعليه تأكيد إمكانية احتساب الإعجابات.
