تنفيذ شفرة الإعلان

كيفية إنشاء وحدة إعلانية متوافقة مع AMP

يوضح لك هذا الدليل كيفية إنشاء وحدة إعلانية متوافقة مع AMP لعرض إعلانات AdSense على صفحات AMP.

يمكن لوحدات AdSense AMP الإعلانية أن تكون إما متجاوبة أو ذات أحجام ثابتة. ونوصي باستخدام وحدات AMP الإعلانية المتجاوبة. وفي ما يلي السبب في ذلك:

  • وحدات AMP الإعلانية المتجاوبة تغيّر حجمها تلقائيًا لتناسب الجهاز الذي يتم عرضها عليه وتستخدم العرض الكامل لشاشة المستخدم.
  • تُحسن Google أبعاد الإعلانات لضمان أدائها بشكل جيد على صفحاتك.
تدعم جميع ميزات AdSense (مثل عناصر التحكم في الحظر ومعدل توازن الإعلانات والتقارير وغيرها) إعلانات AMP.

قبل البدء

تأكد من أنك قد أضفت البرنامج النصي المطلوب في AMP إلى صفحاتك التي تريد عرض إعلانات AMP عليها.

  • لإضافة البرنامج النصي، انسخ الرمز التالي والصقه بين العلامتين <head></head> في شفرة HTML لصفحات AMP.

    <script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>

يعمل هذا البرنامج النصي على تحميل مكتبات amp-ad المطلوبة، إلا أنه لا يتسبب في عرض الإعلانات على صفحة AMP من تلقاء نفسها. لعرض الإعلانات، يجب ان تضيف رمز الإعلان المتوافق مع AMP أيضًا. يمكنك الاطلاع على مزيد من المعلومات حول مكوِّن amp-ad هنا: https://www.ampproject.org/docs/reference/components/amp-ad

إنشاء وحدتك الإعلانية المتجاوبة والمتوافقة مع AMP

إنشاء وحدة إعلانية متجاوبة ومتوافقة مع AMP تعتبر حاليًا عملية يدوية وتطلب إجراء الخطوات التالية:

  1. إنشاء وحدة إعلانية متجاوبة جديدة في حسابك على AdSense.
  2. في رمز الإعلان للوحدة الإعلانية المتجاوبة التي أنشأتها في الخطوة 1، ابحث عن المعلومات التالية ودوّنها:
    • الرقم التعريفي للناشر (data-ad-client)، على سبيل المثال، ca-pub-1234567891234567.
    • الرقم التعريفي للوحدة الإعلانية (data-ad-slot)، على سبيل المثال، 1234567890.

    عرض مثال

    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <ins class="adsbygoogle"
         style="display:inline-block;width:120px;height:600px"
         data-ad-client="ca-pub-1234567891234567"
         data-ad-slot="1234567890"></ins>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
  3. إنشاء رمز الإعلان لصفحات AMP
    انسخ رمز الإعلان التالي واستبدل قيمتي data-ad-client وdata-ad-slot بقيمك الخاصة من الخطوة 2.
    <amp-ad width="100vw" height=320
      type="adsense"
      data-ad-client="ca-pub-1234567891234567"
      data-ad-slot="1234567890"
      data-auto-format="rspv"
      data-full-width>
        <div overflow></div>
    </amp-ad>
    نوصي بشدة بعدم تعديلك لأي أجزاء أخرى من رمز الإعلان الوارد أعلاه لأن ذلك قد يؤدي إلى توقف رمز الإعلان عن العمل.
  4. الصق رمز الإعلان لصفحات AMP في رمز مصدر HTML لصفحة الجوّال التي تريد ظهور إعلاناتك عليها. لاحظ أن كلا من الجزء المرئي من الصفحة والجزء السفلي غير المرئي من الصفحة هما موضعين مقبولين للإعلان. تذكَّر أن سياسات برنامج AdSense ستظل سارية على الصفحات التي تتضمن وحدات إعلانية لصفحات الجوّال المسرَّعة (AMP). 
    تأكد من عدم وضع رمز الإعلان داخل حاوية رئيسية (<div>ـ <iframe> وما إلى ذلك.) بارتفاع ثابت أو محدود، وإلا قد يعمل إعلانك على تغيير الحجم وإتلاف تنسيق صفحتك.
  5. (اختياري) بعد وضع رمز الإعلان لصفحات AMP، نوصي باختبار إعلاناتك على الأجهزة الجوّالة المختلفة للتأكد من عمل سلوك التجاوب بشكل صحيح.
    عند عرض الإعلانات على صفحتك من AMP قد يكون هناك تأخير قبل بدء عرض إعلاناتك لأن صفحات AMP تعطي أولوية للمحتوى. مزيد من المعلومات حول كيفية تخزين صفحات AMP في ذاكرة التخزين المؤقت.

حالات الاستخدام المتقدمة: إعلانات AMP ذات الحجم الثابت، نمط إعلانات AMP، وما إلى ذلك.

لمنح وحدة AMP الإعلانية عرضًا ثابتًا أو ارتفاعًا ثابتًا، يرجى اتباع التعليمات التالية حول كيفية تعديل رمز إعلان AMP المستجيب.

لحالات الاستخدام الأكثر تقدمًا، يمكنك وضع نمط لعناصر الإعلان لصفحات AMP مثل أي عناصر أخرى لصفحات AMP. مزيد من المعلومات حول الطرق المختلفة للتحكم في التنسيق.

تتبع أداء وحدتك الإعلانية على صفحة AMP

يمكنك عرض تقرير منصة عرض المحتوى لتتبع أداء وحداتك الإعلانية على صفحة AMP.

هل كانت هذه المقالة مفيدة؟
كيف يمكننا تحسينها؟