اضافة زر الاعجاب فايسبوك لموقعك 3 خطوات

اضافة زر الاعجاب فايسبوك لموقعك 3 خطوات

يعتبر اضافة زر الاعجاب الخاص بالفايسبوك إحدى الطرق الممتازة و الفعّالة لزوار موقعك وذلك من خلال مشاركة موقعك مع أصدقائك أو متابعة آخر أخبار موقعك على صفحة الفايسبوك

ملاحظة : سيتم إرفاق الكود آخر المقالة

 

نبدأ الآن بعون الله , تابع معنا الخطوات التالية:

1.  اذهب الى الرابط المباشر لدى مطورون الفايسبوك

https://developers.facebook.com/docs/plugins/like-button

حيث سيظهر لك مباشرة نموذج لبدء إنشاء زر الاعجاب لدى صفحات الفايسبوك كما في الصورة التالية

اضافة زر الاعجاب فايسبوك لموقعك 3 خطوات

كما تلاحظ في الصورة السابقة فإن النموذج يحتوي على رابط الصفحة المراد نشرها , العرض ( عرض الاضافة ) , layout و هو التصميم التي تريد أن يتكون منه زر الاعجاب و أيضاً إظهار وجوه الأصدقاء  و تضمين زر المشاركة .

2. ضع رابط صفحة الفايسبوك الخاصة بك وقد قمت بوضع رابط صفحة المعهد كمثالاً لذلك ..

ثم يمكنك تحديد عرض للإضافة مثلاً 200 بيكسل ثم اختيار نوع التصميم layout و قد اخترت إظهار عدد معجبي الصفحة و قمت بإلغاء إظهار زر المشاركة بجانبها وباقي الاعدادات كما هي كما بالصورة التالية :

اضافة زر الاعجاب فايسبوك لموقعك 3 خطوات

3. أخيراً قم بالضغط على Get Code للحصول على كود الإضافة الذي قمت بصنعه كما في الصورة التالية  ثم اختر IFRAME :

اضافة زر الاعجاب فايسبوك لموقعك 3 خطوات

انسخ الكود ثم ضعه في المكان الذي ترغب به في موقعك أو مدونتك .

<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FW3ArabicOnline&amp;width&amp;layout=button_count&amp;action=like&amp;show_faces=true&amp;share=false&amp;height=21&amp;appId=646975325378903" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:21px;" allowTransparency="true"></iframe>