الزر حفظ

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

أداة تكوين الزر "حفظ"نموذج الرمز البرمجيالإعدادات

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

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

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

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

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

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

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

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

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

مثال للرمز البرمجي بالكامل

انسخ نموذج الرمز والصقه بموقعك على الويب. اضبط قيمة 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

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

الرابط/العنوان الحالي

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

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

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 للمنتج

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

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

  1. قم بتسجيل الدخول إلى شركتك على مدير الأعمال.
  2. انتقل إلى "Business Settings" (إعدادات الأعمال) > "Product Catalog" (دليل المنتجات).
  3. انقر على دليل المنتجات الذي تريد استخدامه للمكون الإضافي.
  4. تحت عنوان اسم دليل المنتجات، اكتب معرف دليل المنتجات. في هذا المثال 768856339915012.
  5. المعلومات الأخرى المطلوبة هي معرف العنصر الذي تم تحميله في قائمة المنتجات لديك. لمشاهدة أمثلة من قائمة المنتجات لديك، انقر على Product Catalog ID (معرف دليل المنتجات).
  6. في الصفحة التالية، انقر فوق Product Feeds (قائمة المنتجات) في أعلى الصفحة.
  7. انقر على القائمة التي تحتوي على العناصر التي تريد استخدامها.
  8. في الصفحة التالية، سترى أمثلة للعناصر من قائمتك. بالنسبة إلى المكون الإضافي لتحديد منتجك، سنحتاج إلى إدراج معرف العنصر في قائمتك لكل منتج.
  9. يتبع عنوان URL الخاص بالمكون الإضافي الشكل التالي product://<catalog_id >/{retailer_id}. إذا أردنا عمل عنوان URL للمنتج الذي اسمه Product #45 في المثال السابق سيكون شكله كالتالي: product://768856339915012/45 (حيث يتم الحصول على معرف الكتالوج من الخطوة رقم 5).

عبر Graph API

يمكنك الحصول عنوان URL لمنتجك عبر 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 JavaScript SDK. عند تحميل مجموعة SDK، قم بتغيير قيمة js.src لاستخدام اللغة التي تريدها. ضع رمز اللغة التي تريدها محل en_US، على سبيل المثال fr_FR للغة الفرنسية (فرنسا):

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

اللغات المدعومة موضحة في ملف لغات فيسبوك بتنسيق XML.

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