AMP

amp-addthis

يعمل المكّوِن على تضمين أدوات AddThis للمواقع الإلكترونية.

النص البرمجي المطلوب <script async custom-element="amp-addthis" src="https://cdn.ampproject.org/v0/amp-addthis-0.1.js"></script>
التنسيقات المعتمدة fill وfixed وfixed-height وflex-item وnodisplay وresponsive

لماذا AddThis؟

يوفّر المكوِّن amp-addthis أزرارًا جميلة وبسيطة للمشاركة. يمكنك أن تسهِّل على زوار موقعك الإلكتروني مشاركة المحتوى مع أكثر من 200 قناة اجتماعية، منها Messenger وWhatsApp وFacebook وTwitter وPinterest وغيرها الكثير.

يحوذ AddThis على ثقة أكثر من 15 مليون موقع إلكتروني يستخدمها ما يزيد عن 2 مليار مستخدم فريد في مشاركة المحتوى حول العالم وبأكثر من ستين لغة.

أزرار المشاركة

العائمة

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

مثال:

<!--
  This example uses a placeholder pubId.
  Please replace the pubId value with your own after
  creating an account on https://www.addthis.com/dashboard.
-->
<amp-addthis
  width="320"
  height="92"
  layout="responsive"
  data-pub-id="ra-5c191331410932ff"
  data-widget-id="957l"
  data-widget-type="floating">
</amp-addthis>

المضمّنة

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

مثال:

<!--
  This example uses a placeholder pubId.
  Please replace the pubId value with your own after
  creating an account on https://www.addthis.com/dashboard.
-->
<amp-addthis
  width="320"
  height="92"
  data-pub-id="ra-5c191331410932ff"
  data-widget-id="mv93"
  data-widget-type="inline">
</amp-addthis>

السمات

data-pub-id هذه السمة هي الرقم التعريفي للناشر في AddThis والذي يُوجد في عنوان URL في لوحة بيانات AddThis بعد تسجيل الدخول. في عنوان URL هذا مثلاً https://www.addthis.com/dashboard#gallery/pub/ra-5c191331410932ff، الرقم التعريفي للناشر هو ra-5c191331410932ff.
data-widget-id ويمكن أن تعثر أيضًا في لوحات البيانات AddThis على معرّف الأداة التي ستعرضها من أدوات AddThis. يمكن العثور على معرّف أداة معينة من خلال فتح تلك الأداة في لوحة بيانات AddThis ونسخ الجزء الأخير من عنوان URL. في عنوان URL هذا مثلاً  https://www.addthis.com/dashboard#tool-config/pub/ra-5c191331410932ff/widgetId/957l، معرّف الأداة هو 957l is the widget Id.
data-widget-type تصف هذه السمة نوع الأداة.
  • عائمة: data-widget-type="floating"
  • مضمّنة: data-widget-type="inline"
data-title هذه السمة اختيارية. في حال تعيينها، تكون العنوان الذي ستحاول أداة AddThis مشاركته عند حدوث المشاركة. إذا لم يتم تعيينها، سيتم استخدام عنوان المستند الذي يحتوي على العلامة amp-addthis.
data-url هذه السمة اختيارية. في حال تعيينها، تكون عنوان URL الذي ستحاول أداة AddThis مشاركته عند حدوث المشاركة. إذا لم يتم تعيينها، سيتم استخدام الخاصية location.href للمستند الذي يحتوي على العلامة amp-addthis.
data-media هذه السمة اختيارية. في حال تعيينها، تكون عنوان URL للوسيط (الصورة أو الفيديو مثلاً) الذي ستحاول أداة AddThis مشاركته عند حدوث المشاركة. إذا لم يتم تعيينها، تُترك غير محددة.
data-description هذه السمة اختيارية. في حال تعيينها، تكون وصف الصفحة الذي ستحاول أداة AddThis مشاركته عند حدوث المشاركة. إذا لم يتم تعيينها، تُترك غير محددة.

وثائق التنفيذ

  1. إذا لم يسبق لك إنشاء حساب على AddThis، ستحتاج إلى إنشاء حساب على الموقع https://www.addthis.com/register. لن تتحمل أي تكلفة مقابل إنشاء الحساب وسيتيح لك الوصول إلى مجموعتنا الكاملة من أدوات المواقع الإلكترونية وأيضًا تقاريرنا التحليلية العميقة للحصول على فهم أفضل للزيارات الواردة إلى موقعك من الشبكات الاجتماعية.
  2. انتقِل إلى لوحة البيانات وخصِص "أزرار المشاركة" (لا تتيح صفحات AMP حاليًا إلا عمل "أزرار المشاركة العائمة" و"المضّمنة").
  3. خصِص أزرار المشاركة حسبما تريد ثم اضغط على "تنشيط الأداة". سيؤدي هذا إلى إعادة توجيهك إلى صفحة "الحصول على الرمز".
  4. أخيرًا وليس آخرًا، انسخ الرمز المضّمن والصقه في القسم الأساسي من صفحتك في المكان المراد ظهور أزرار المشاركة فيه. بالنسبة إلى "أزرار المشاركة العائمة"، يمكنك وضع هذا الرمز في أي مكان من القسم الأساسي وسيظهر تلقائيًا على الجانب الأيسر أو الأيمن من شاشتك، حسب المكان الذي عينته في إعدادات الأداة.

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

شاهِد فيديو YouTube لمعرفة التعليمات خطوة بخطوة:

التحقق

اطّلِع على قواعد amp-addthis في مواصفات مدقق AMP.

الخصوصية

http://www.addthis.com/privacy/privacy-policy/

تجمع "أدوات AddThis" و"شريط أدوات AddThis" المعلومات من الجهاز الذي يستعين به المستخدِم للتفاعل مع "مواقع الناشر" أو مع "شريط أدوات AddThis" (المُشار إليها باسم "بيانات AddThis").

قد تتضمن "بيانات AddThis" ما يلي:

  • عنوان بروتوكول الإنترنت (IP) ومعرّف إعلانات الأجهزة الجوّالة (MAID) (الذي يسمح لمطوري التطبيقات المتوافقة مع الأجهزة الجوالة بتحديد من يستخدم تطبيقاتهم) ومعرّف التطبيقات المتوافقة مع الأجهزة الجوّالة ونوع المتصفح ولغة المتصفح ونوع نظام التشغيل وتاريخ ووقت زيارة المستخدِم "لموقع الناشر" أو "شريط الأدوات"
  • مستخدِم شريط الأدوات
  • سلوك المستخدِم على "موقع الناشر"، مثل مدة زيارته للموقع، وسلوك المستخدِم في مشاركة المحتوى على "موقع الناشر" وسلوك تمرير المستخدِم للمحتوى على الموقع
  • عنوان URL المرجعي والبحث الويب المستخدَم لتحديد "موقع الناشر" والانتقال إليه
  • الكلمات الرئيسية التي تم إدخالها في وظيفة البحث في "شريط أدوات AddThis" وإذا ما كان مستخدِم الشريط قد أقدم على تنزيله أو تثبيته أو إلغاء تثبيته ومتى كان هذا
  • معلومات عن عدد مرات استخدام "أدوات AddThis" و"شريط أدوات AddThis" من قِبل المستخدِم
  • بيانات الموقع الجغرافي المستمدة من عنوان IP لمستخدِم الأدوات ومستخدِم شريط الأدوات

سيتم التعامل مع "بيانات AddThis" على أنها معلومات شخصية بالقدر التي ينص عليه القانون المعمول به. وفقًا لبنود خدمة AddThis، مطلوب من الناشرين الحصول على جميع موافقات المستخدِم وتفويضاته، وتقديم أي إشعارات مطلوبة لتوفير "بيانات AddThis" التي تم جمعها من المستخدِمين إلى Oracle.

الدعم

إذا كانت لديك أي أسئلة أو كنت بحاجة إلى أي مساعدة في تنفيذ AddThis على صفحات AMP، يُرجى الاتصال بفريق الدعم الرائع لدينا من خلال إرسال تذكرة هنا أو عن طريق إرسال رسالة إلكترونية إلى help@addthis.com.

Need more help?

You've read this document a dozen times but it doesn't really cover all of your questions? Maybe other people felt the same: reach out to them on Stack Overflow.

Go to Stack Overflow
Found a bug or missing a feature?

The AMP project strongly encourages your participation and contributions! We hope you'll become an ongoing participant in our open source community but we also welcome one-off contributions for the issues you're particularly passionate about.

Go to GitHub