الزر حفظ

تم إيقاف استخدام المكون الإضافي "الزر حفظ". سيظل هذا المكون الإضافي قيد التشغيل ويمكن الوصول إليه حتى 15 سبتمبر 2022. وبعد ذلك التاريخ، سيتم إيقاف هذا المكون الإضافي ولن يعمل.

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

أداة تكوين الزر حفظ مثال على الرمز الإعدادات

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

1. اختيار رابط موقع الويب

اختر رابط موقع الويب الذي تريد استخدامه مع الزر حفظ.

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

ألصق الرابط في أداة تكوين الرمز وانقر على الزر "الحصول على الرمز" لإنشاء رمز الزر حفظ.

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

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

أداة تكوين الزر حفظ

رابط موقع الويب أو الموقع المطلوب حفظه

حجم الزر

large

الحصول على الرمز

مثال على الرمز بالكامل

انسخ نموذج الرمز والصقه بموقعك على الويب. وقم بتعديل قيمة data-uri في رابط موقع الويب لديك. بعد ذلك، استخدم الإشارة <title> لتعديل العنوان "العناصر المحفوظة".

<html>
<head>
  <title>Your Website Title</title> 
</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 = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>

  <!-- Your save button code -->
  <div class="fb-save" 
    data-uri="http://www.your-domain.com/your-page.html">
  </div>

</body>
</html>

جرّب ذلك بنفسك!

الإعدادات

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

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

الزر حفظ للمنتجات

يمكنك أيضًا استخدام الزر حفظ للمنتجات:

1. إعداد كتالوج المنتجات

لاستخدام الزر حفظ مع منتجاتك، تحتاج أولاً إلى إعداد كتالوج منتجات.

يُعرف كتالوج المنتجات أحيانًا باسم قائمة المنتجات وهو عبارة عن قائمة تضم المنتجات التي تريد الإعلان عنها على فيسبوك. ويحتوي كل منتج في القائمة على سمات محددة يمكن استخدامها لإنشاء إعلان ومعرف منتج واسم ووصف وعنوان URL للصفحة المقصودة وعنوان URL للصورة والتوّفر، وما إلى ذلك.

كيفية إنشاء كتالوج منتجات الإعلانات الديناميكية للمنتجات على فيسبوك

2. معرف API فيسبوك

انتقل إلى علامة تبويب الإعدادات في لوحة معلومات التطبيق وأضف المنصة "موقع الويب"، ثم قم بتوفير نطاق موقع الويب لديك.

3. تحميل مجموعة JavaScript SDK

قم بتحميل مجموعة JavaScript SDK باستخدام معرف التطبيق المتوفر لديك كما هو موضح في المثال أدناه. واستبدل {your-app-id} بمعرف التطبيق لديك.

<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 = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6&appId={your-app-id}";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

4. الحصول على محدد URI للمنتج

عبر مدير الأعمال

تتوفر معلومتان تحتاج إليهما لاستخدام الزر حفظ في المنتجات وهما: معرف كتالوج المنتجات ومعرف العنصر من قائمة المنتجات لديك:

سجّل الدخول إلى نشاطك التجاري من مدير الأعمال.
انتقل إلى "إعدادات مدير الأعمال" > "كتالوج المنتجات".
انقر على كتالوج المنتجات الذي تريد استخدامه في المكون الإضافي.
ضمن عنوان اسم كتالوج المنتجات، أدخل معرف كتالوج المنتجات. ولدينا 768856339915012 كمثال.
المعلومات الأخرى المطلوبة هي معرف العنصر الذي تم تحميله في قائمة المنتجات لديك. وللاطلاع على أمثلة من قائمة المنتجات لديك، انقر على معرف كتالوج المنتجات.
في الصفحة التالية، انقر على قوائم المنتجات الموجودة في الأعلى.
انقر على قائمة المنتجات التي تحتوي على العناصر التي تريد استخدامها.
في الصفحة التالية، ستظهر لك عينة من العناصر الموجودة في قائمة المنتجات لديك. وبالنسبة للمكون الإضافي المطلوب لتحديد منتجك، ستحتاج إلى معرف العنصر المُدرج في قائمة المنتجات لديك لكل منتج.
يتبع محدد URI للمكون الإضافي النمط product://<catalog_id >/{retailer_id}. لذلك إذا كنا نريد إنشاء محدد URI للمنتج المُسمى Product #45 في المثال أعلاه، فسيبدو على النحو التالي: product://768856339915012/45 (حيث حصلنا على معرف كتالوج المنتج من الخطوة رقم 5).

عبر واجهة Graph API

يمكنك الحصول على محدد URI لمنتجك عبر واجهة Graph API. وعند تحميل أحد عناصر المنتجات أو العديد منها، استخدم تنسيق عنوان URL التالي مع استبدال <catalog_id> بمعرف الكتالوج واستبدال <retailer_id> بمعرف بائع التجزئة الخاص بالمنتج المتوفر لديك:

product://<catalog_id>/<retailer_id>

تعرف على المزيد في مستندات عنصر المنتج.

5. محدد URI للمنتج

في رمز الزر حفظ، استخدم محدد URI للمنتج في data-uri. فعلى سبيل المثال، بالنسبة لمحدد URI الخاص بالمنتج product://949817451770475/143791832، سيبدو الرمز لديك على النحو التالي:

<div class="fb-save" 
  data-uri="product://949817451770475/143791832">
</div>

عرض العناصر المحفوظة

ستتم إضافة جميع الروابط المحفوظة إلى طريقة العرض العناصر المحفوظة والتي يمكن العثور عليها من خلال www.facebook.com/saved أو في تطبيقات الهواتف المحمولة عبر الانتقال إلى المزيد -> العناصر المحفوظة.

المثال

رابط محفوظ

تغيير اللغة

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

js.src = "https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&amp;version=v2.6";

تتم الإشارة إلى اللغات المحلية المدعومة في ملف اللغات المحلية في فيسبوك بتنسيق XML.

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

الموضوعات ذات الصلة

الأسئلة المتكررة حول المكونات الإضافية للتواصل الاجتماعي المشاركة لمسؤولي مواقع الويب مجموعة Facebook SDK للغة JavaScript