يتيح الزر "أعجبني" إمكانية "تسجيل الإعجاب" بمحتوى على الويب ومشاركته على فيسبوك بنقرة واحدة. يمكنك أيضًا عرض الزر مشاركة بجوار الزر أعجبني للسماح للأشخاص بإضافة رسالة شخصية وتحديد الأشخاص الذين تتم مشاركة المحتوى معهم.
أداة تكوين الزر "أعجبني"نموذج الرمز البرمجيالإعداداتضبط اللغةالأسئلة المتكررةاختر عنوان URL لموقع ويب أو صفحة فيسبوك الذي تريد استخدامها مع الزر "أعجبني".
ألصق عنوان URL في أداة تكوين الرمز البرمجي، ثم اضبط إعدادات مثل width في الزر أعجبني. انقر على الزر Get Code لإنشاء الرمز البرمجي للزر أعجبني.
انسخ جزءًا من الرمز البرمجي وألصقه في HTML بموقع الويب المقصود.
إذا كان لديك بالفعل رمز برمجي لتنشيط تسجيل أحداث التطبيق، فقم بإزالة العبارة autoLogAppEvents=1 من الرمز البرمجي الذي تم لصقه لمنع تكرار التسجيل.
انسخ مثالاً على الرمز البرمجي والصقه في موقعك على الويب. بعد ذلك، اضبط قيمة data-href في عنوان URL لموقعك على الويب. بعد ذلك، استخدم إشارات التعريف og:*** لضبط معاينة الرابط لديك. ويجب أن يستخدم og:url وdata-href عنوان URL نفسه.
<html>
<head>
<title>Your Website Title</title>
<!-- You can use open graph tags to customize link previews.
Learn more: https://developers.facebook.com/docs/sharing/webmasters -->
<meta property="og:url" content="https://www.your-domain.com/your-page.html" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Your Website Title" />
<meta property="og:description" content="Your description" />
<meta property="og:image" content="https://www.your-domain.com/path/image.jpg" />
</head>
<body>
<!-- Load Facebook SDK for JavaScript -->
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0"></script>
<!-- Your like button code -->
<div class="fb-like"
data-href="https://www.your-domain.com/your-page.html"
data-layout="standard"
data-action="like">
</div>
</body>
</html>تخصيص معاينة الرابطبالإضافة إلى الإعدادات الموضحة أعلاه، يمكنك أيضًا تغيير ما يلي:
| الإعداد | سمة HTML5 | الوصف | القيمة الافتراضية |
|---|---|---|---|
|
| الفعل الذي يتم عرضه على الزر. يمكن أن يكون |
|
|
| نظام الألوان المُستخدم من قِبل المكون الإضافي لأي نص خارج الزر نفسه، يمكن أن يكون |
|
|
| عنوان URL المطلق للصفحة التي سيتم تسجيل الإعجاب بها. | عنوان URL الحالي. |
|
| إذا كان موقعك على الويب أو الخدمة التي تقدمها على الإنترنت أو جزءًا من خدمتك موجهًا للأطفال أقل من 13 عامًا، فيجب تمكين ذلك |
|
|
| يمكن تحديد أحد التخطيطات المختلفة المتاحة للمكون الإضافي. يمكن أن يكون بالقيمة |
|
|
| تسمية لتتبع الإحالات التي يجب أن تكون أقل من 50 حرفًا ويمكن أن تحتوي على أحرف أبجدية رقمية وبعض علامات الترقيم (العلامات المسموح بها حاليًا هي +/=-.:_). راجع الأسئلة المتكررة للحصول على مزيد من التفاصيل. | بلا |
|
| يمكن تحديد ما إذا كان يتم تضمين الزر مشاركة بجوار الزر أعجبني. ولا يعمل هذا الإعداد إلا مع إصدار XFBML. |
|
|
| يتوفر الزر بحجمين هما |
|
|
| عرض المكون الإضافي (التخطيط القياسي فقط) الذي يخضع إلى الحد الأدنى للعرض والعرض الافتراضي. للحصول على مزيد من التفاصيل، يرجى مراجعة إعدادات التخطيط أدناه. | راجع |
تتوفر الخيارات التالية:
| التخطيط | الأحجام الافتراضية |
|---|---|
| الحد الأدنى للعرض: 225 بيكسل. |
| الحد الأدنى للعرض: 55 بيكسل. |
| الحد الأدنى للعرض: 90 بيكسل. |
| الحد الأدنى للعرض: 47 بيكسل. |
يمكنك تغيير لغة الزر أعجبني من خلال تحميل الإصدار المحلي لمجموعة Facebook JavaScript SDK. عند تحميل مجموعة SDK، قم بتغيير قيمة js.src لاستخدام لغتك المحلية. استبدل رمز اللغة en_US بلغتك المحلية، فعلى سبيل المثال الرمز fr_FR مخصص للغة الفرنسية (فرنسا):
js.src = "https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v7.0";
وقد يتطلب الأمر ضبط عرض المكون الإضافي للتواصل الاجتماعي بحيث يتوافق مع اللغات المختلفة. يمكنك العثور على المزيد من المعلومات في صفحة التطويع المحلي والترجمة.
