الزر أعجبني لمواقع الويب

يتيح الزر "أعجبني" إمكانية "تسجيل الإعجاب" بمحتوى على الويب ومشاركته على فيسبوك بنقرة واحدة. يمكنك أيضًا عرض الزر مشاركة بجوار الزر أعجبني للسماح للأشخاص بإضافة رسالة شخصية وتحديد الأشخاص الذين تتم مشاركة المحتوى معهم.

أداة تكوين الزر "أعجبني"نموذج الرمز البرمجيالإعداداتضبط اللغةالأسئلة المتكررة

الخطوات التفصيلية

1. اختيار عنوان URL أو صفحة

اختر عنوان URL لموقع ويب أو صفحة فيسبوك الذي تريد استخدامها مع الزر "أعجبني".

2. أداة تكوين الرموز

الصق عنوان URL في أداة تكوين الرموز ثم قم بضبط إعدادات الزر "أعجبني" مثل width. انقر على الزر Get Code لإنشاء رمز الزر "أعجبني".

3. نسخ جزء رمز HTML البرمجي ولصقه

انسخ جزء الرمز البرمجي والصقه داخل رموز HTML بموقع الويب المقصود.

أداة تكوين الزر "أعجبني"

عنوان URL المطلوب تسجيل الإعجاب به
Width
التخطيط
نوع الإجراء
حجم الزر

نموذج رمز برمجي كامل

انسخ نموذج الرمز والصقه بموقعك على الويب. بعد ذلك، اضبط قيمة 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="http://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="http://www.your-domain.com/path/image.jpg" />
</head>
<body>

  <!-- Load Facebook SDK for JavaScript -->
  <div id="fb-root"></div>
  <script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>

  <!-- Your like button code -->
  <div class="fb-like" 
    data-href="http://www.your-domain.com/your-page.html" 
    data-layout="standard" 
    data-action="like" 
    data-show-faces="true">
  </div>

</body>
</html>
تخصيص معاينة الرابط

الإعدادات

بالإضافة إلى الإعدادات الموضحة أعلاه، يمكنك أيضًا تغيير ما يلي:

الإعداد سمة HTML5 الوصف القيمة الافتراضية

action

data-action

الفعل الذي يتم عرضه على الزر، على سبيل المثال like أو recommend

like

colorscheme

data-colorscheme

نظام الألوان المستخدم من قبل المكون الإضافي لأي نص خارج الزر نفسه، على سبيل المثال light أو dark.

light

href

data-href

عنوان URL المطلق للصفحة التي يتم تسجيل الإعجاب بها.

عنوان URL الحالي.

kid_directed_site

data-kid-directed-site

إذا كان موقعك على الويب أو الخدمة التي تقدمها على الإنترنت أو جزءًا من خدمتك موجهًا للأطفال أقل من 13 عامًا، يجب تمكين هذا

false

layout

data-layout

يحدد أحد التنسيقات المختلفة المتاحة لهذا المكون الإضافي. والقيم التي يمكن استخدمها هي standard أو button_count أو button أو box_count. راجع الأسئلة المتكررة للحصول على مزيد من التفاصيل.

standard

ref

data-ref

تسمية لتتبع الإحالات ويجب أن تكون أقل من 50 حرفًا ويمكن أن تحتوي على أحرف أبجدية رقمية وبعض علامات الترقيم (علامات الترقيم المسموح بها حاليًا هي +/=-.:_). راجع الأسئلة المتكررة للحصول على مزيد من التفاصيل.

لا شيء

share

data-share

يحدد ما إذا كان يتم تضمين الزر مشاركة بجوار الزر أعجبني. ولا يعمل هذا الإعداد إلا مع إصدار XFBML.

false

show_faces

data-show-faces

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

false

size

data-size

يتم توفير الزر في حجمين هما large وsmall.

small

width

data-width

عرض المكون الإضافي (تنسيق قياسي فقط) ويخضع للحد الأدنى للعرض والعرض الافتراضي. يرجى مراجعة إعدادات التنسيق أدناه للحصول على مزيد من التفاصيل.

راجع standard في إعدادات التنسيق

إعدادات التنسيق

تتوفر الخيارات التالية:

التنسيق الأحجام الافتراضية

standard

الحد الأدنى للعرض: 225 بيكسل.
العرض الافتراضي: 450 بيكسل.
الارتفاع: 35 بيكسل (دون صور) أو 80 بيكسل (بصور).

box_count

الحد الأدنى للعرض: 55 بيكسل.
العرض الافتراضي: 55 بيكسل.
الارتفاع: 65 بيكسل.

button_count

الحد الأدنى للعرض: 90 بيكسل.
العرض الافتراضي: 90 بيكسل.
الارتفاع: 20 بيكسل.

button

الحد الأدنى للعرض: 47 بيكسل.
العرض الافتراضي: 47 بيكسل.
الارتفاع: 20 بيكسل.

ضبط اللغة

يمكنك ضبط لغة الزر "أعجبني" بتحميل الإصدار المحلي لمجموعة Facebook JavaScript SDK. عند تحميل مجموعة SDK، اضبط قيمة js.src لاستخدام اللغة التي تريدها: وما عليك إلا وضع رمز اللغة التي تريدها محل en_US، على سبيل المثال fr_FR للغة الفرنسية (فرنسا):

js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.10"; 

اللغات المدعومة موضحة في ملف لغات فيسبوك بتنسيق XML. وقد يتطلب الأمر ضبط عرض المكون الإضافي للتواصل الاجتماعي حتى يتوافق مع اللغات المختلفة. يمكنك العثور على المزيد من المعلومات في صفحة التطويع المحلي والترجمة.