المكون الإضافي للاقتباس

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

مشاركة الاقتباس لويب الأجهزة المحمولة

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

مشاركة الاقتباس في نظامي iOS وAndroid

إذا كان تطبيقك مخصصًا لنظام iOS أو نظام Android، يجب استخدام مربع الحوار مشاركة على نظام iOS أو مربع الحوار مشاركة على نظام Android بدلاً من ذلك.

جرب المكون الإضافينموذج الرمز البرمجيالإعدادات

جرب المكون الإضافي

حدد جزءًا من هذه الجملة لمشاهدة المكون الإضافي في وضع التشغيل.

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

بعد ذلك، اضبط قيمة data-href بوضع عنوان URL لموقعك على الويب. تأكد من أن علامات Open Graph الوصفية محدثة وأن data-href للمكون الإضافي متوافق مع الخاصية og:url.

<html>
<head>
  <title>Your Website Title</title>
  <!-- Comment #1: OG Tags -->
  <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>

  <!-- Comment #2: SDK -->
  <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>

  <!-- Comment #3: Content -->
  <h1>Your Headline</h1>
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eget tristique nibh, 
    vel consequat purus. Praesent molestie, turpis ut ultrices commodo, felis arcu cursus enim, 
    vel porttitor ante quam vel lacus. Quisque at laoreet sapien. Proin nec purus dolor. Integer 
    pharetra nec ligula a condimentum. Fusce sem orci, porta ut felis id, commodo imperdiet risus. 
  </p>

  <!-- Comment #4: Plugin Code -->
  <div class="fb-quote"></div>

</body>
</html>
جرب ذلك بنفسك!

تعليقات الرمز البرمجي

  1. OG Tags: يمكنك استخدام علامات Open Graph في تخصيص معاينات الروابط.
  2. SDK: يعمل على تحميل Facebook SDK للغة JavaScript.
  3. Content: يشير إلى محتوى صفحتك.
  4. Plugin Code: رمز المكون الإضافي للاقتباس من أداة التكوين. يمكنك وضع هذا الرمز في أي مكان في المستند؛ ولن يتم عرضه إلا إذا قمت بتمييز النص في الحاوية. في هذا المثال، لن يتم عرضه إلا إذا قمت بتمييز النص في النص الرئيسي

الإعدادات

يمكنك تغيير الإعدادات التالية:

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

href

data-href

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

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

layout

data-layout

  • quote: عند تحديد النص، يتم عرض زر برمز فيسبوك أزرق ويحمل النص "مشاركة اقتباس" كإطار فوقي. عند نقر أحد الأشخاص عليه، يتم فتح مربع الحوار مشاركة متضمنًا النص المميز كاقتباس.
  • button: يتصرف بنفس طريقة الخيار "اقتباس" لكن لا يتضمن فيه الزر إلا رمز فيسبوك أزرق.

quote

المناطق القابلة للاقتباس

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

  • عناصر <article> HTML، أو
  • أو أي عنصر يندرج ضمن اسم الفئة fb-quotable

يمكنك الخلط والمطابقة بين أي عدد من الاثنين كما تريد وتحديد المناطق القابلة للاقتباس.

إذا كانت صفحتك لا تشتمل على <article> أو class="fb-quotable"، تصبح الصفحة بأكملها قابلة للاقتباس.

تغيير اللغة

يمكنك تغيير لغة المكون الإضافي للاقتباس بتحميل الإصدار المحلي لمجموعة 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. وقد يتطلب الأمر ضبط عرض المكون الإضافي للتواصل الاجتماعي حتى يتوافق مع اللغات المختلفة. يمكنك العثور على المزيد من المعلومات في صفحة التطويع المحلي والترجمة.