‏المكونات الإضافية للتواصل الاجتماعي‏

الزر أعجبني في الويب

التغييرات الطارئة على المكونات الإضافية للتواصل الاجتماعي في المنطقة الأوروبية

قد تبدأ في رؤية بعض التأثير على المكونات الإضافية للتواصل الاجتماعي بسبب مطالبة الموافقة على ملفات تعريف الارتباط المحدَّثة التي سيتم عرضها للأشخاص باستخدام منتجات فيسبوك داخل المنطقة الأوروبية. ولن ندعم بعد الآن المكونات الإضافية للتواصل الاجتماعي "أعجبني" و"تعليق" لدى المستخدمين داخل المنطقة الأوروبية، إلا إذا قاموا 1) بتسجيل الدخول إلى حساب فيسبوك لديهم و2) تم تقديم موافقة إلى عنصر التحكم "ملفات تعريف الارتباط للتطبيق وموقع الويب". وإذا تم استيفاء هذين الشرطين، فسيتمكن المستخدم من رؤية المكونات الإضافية والتفاعل معها، مثل الزر "أعجبني" أو "تعليق". أما إذا لم يتم استيفاء أي من الشروط المذكورة أعلاه، فلن يتمكن المستخدم من رؤية المكونات الإضافية.

المنطقة الأوروبية هي قائمة محدَّدة من البلدان، وتتضمن:

  • الاتحاد الأوروبي (EU): النمسا، بلجيكا، بلغاريا، كرواتيا، جمهورية قبرص، جمهورية التشيك، الدنمارك، إستونيا، فنلندا، فرنسا، ألمانيا، اليونان، المجر، أيرلندا، إيطاليا، لاتفيا، ليتوانيا، لوكسمبورغ، مالطا، هولندا، بولندا، البرتغال، رومانيا، سلوفاكيا، سلوفينيا، إسبانيا، السويد

  • البلدان من خارج الاتحاد الأوروبي، ولكنها تقع في المنطقة الاقتصادية الأوروبية فقط/رابطة التجارة الحرة الأوروبية أو الاتحاد الجمركي: [المنطقة الاقتصادية الأوروبية فقط/رابطة التجارة الحرة الأوروبية] آيسلندا وليختنشتاين والنرويج وسويسرا: [الاتحاد الجمركي للاتحاد الأوروبي] جميع جزر القنال وجزيرة مان وموناكو؛ القواعد ذات السيادة البريطانية في قبرص؛ [الاتحاد الجمركي للاتحاد الأوروبي] أندورا، سان مارينو، مدينة الفاتيكان.

  • البلدان من خارج الاتحاد الأوروبي، ولكنها جزء من مناطق أوروبا الخارجية المتطرفة (OMR): مارتينيك، ومايوت، وغوادلوب، وغويانا الفرنسية، وريونيون، وسانت مارتن، وماديرا، وجزر الأزور، وجزر الكناري.
  • المملكة المتحدة (جميع الجزر البريطانية)

الحصول على زر أعجبني مخصص

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

  1. تعيين عنوان URL لصفحتك على الويب حيث تضع الزر أعجبني
  2. تخصيص الزر أعجبني
  3. عرض معاينة للزر الخاص بك
  4. انقر على الحصول على الرمز، ثم انسخ الرمز والصقه في صفحتك على الويب

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

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

استخدم علامات تعريف Open graph لتعديل معاينة الرابط. يجب أن تكون العلامة og:url والسمة data-ref عنوان 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={graph-api-version}
             &appId={your-facebook-app-id}" 
        nonce="FOKrbAYI">
  </script>

  <!-- Your like button code -->
  <div class="fb-like" 
       data-href="https://www.your-domain.com/your-page.html" 
       data-width=""
       data-layout="standard" 
       data-action="like" 
       data-size="small"  
       data-share="true">
  </div>

</body>
</html>

سمات HTML5 للزر أعجبني

سمة HTML5 الوصف

data-action

الفعل الذي يتم عرضه على الزر. يمكن أن يكون like (افتراضي) أو recommend.

data-colorscheme

نظام الألوان المُستخدم من قِبل المكون الإضافي لأي نص خارج الزر نفسه، يمكن أن يكون light (افتراضي) أو dark.

data-href

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

data-kid-directed-site

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

data-layout

يمكن تحديد أحد التخطيطات المختلفة المتوفرة للمكون الإضافي. ويمكن أن يكون بالقيمة standard (افتراضي) أو button_count أو button أو box_count. لمزيد من التفاصيل، راجع الأسئلة المتكررة.

data-lazy

تشير القيمة true إلى استخدام آلية التحميل البطيء في المتصفح من خلال تعيين السمة loading="lazy" لإطار iframe. ويتمثل التأثير في عدم قدرة المتصفح على عرض المكون الإضافي إذا لم يكن بالقرب من منفذ العرض وربما لا يمكن عرضه أبدًا. يمكن أن يكون بالقيمة true أو false (افتراضي).

data-ref

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

data-share

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

data-size

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

data-width

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

إعدادات التخطيط

يمكن تعيين إعدادات التخطيط اختياريًا.

التخطيط الأحجام الافتراضية

standard

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

box_count

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

button_count

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

button

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

تغيير اللغة

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

js.src = "https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version={graph-api-version} />";

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

راجع أيضًا