مقدمة لإعلانات AMPHTML

ما هو إعلان AMPHTML؟

تُعد إعلانات AMPHTML طريقة أسرع وأبسط وأكثر أمانًا للإعلان على الويب. على الرغم من أن صفحات AMP تدعم إعلانات HTML التقليدية، فقد تكون هذه الإعلانات بطيئة في التحميل. ولإنشاء الإعلانات بسرعة باقي صفحات AMP نفسها، يمكنك إنشاء إعلانات بتنسيق AMPHTML. ولا يتم عرض إعلانات AMPHTML إلا بعد التحقق من صحتها، مما يضمن أمان الإعلانات وفاعليتها. الأهم من ذلك كله، يمكن عرض هذه الإعلانات في أي مكان على الويب، وليس على صفحات AMP فقط.

فيما تتم كتابة إعلانات AMPHTML بلغة AMP HTML وفقًا لمواصفات إعلانات AMPHTML (أحد أشكال AMP HTML + CSS). ,هذا يعني أن الإعلانات لم تعد قادرة على تشغيل JavaScript عشوائي، والذي يعد السبب الأول لضعف أداء الإعلان على نحو تقليدي. لذا، وعلى غرار AMP الأساسي تمامًا، تم دمج حالات استخدام JavaScript للإعلانات الأساسية في مشروع AMP مفتوح المصدر الذي يضمن السلوك الجيد من الإعلانات.

المزايا

لماذا تُعد إعلانات AMPHTML أفضل من الإعلانات التقليدية؟

1. أسرع: تكون إعلانات AMPHTML أسرع لأنه يتم طلب الإعلانات في وقت مبكر من عملية عرض الصفحة، ويتم عرضها على الفور قبل أن يوشك المستخدم على عرض الإعلان. ويؤدي تقليل حجم ملف إعلانات AMPHTML أيضًا إلى زيادة السرعة.
2. أبسط: تجمع إعلانات AMPHTML بين وظيفية الإعلان شائعة الاستخدام، الأمر الذي يقلل حجم ملف الإعلان. وبمجرد وصولها إلى الصفحة، تستهلك إعلانات AMPHTML أيضًا موارد أقل. على سبيل المثال، بدلًا عن طلب 10 متتبعين معلوماتهم الخاصة في الإعلانات العادية، تجمع إعلانات AMPHTML جميع البيانات مرة واحدة وتوزعها على أي عدد من المتتبعين المهتمين.
3. منسَّقة: في صفحات AMP، يمكن لوقت تشغيل AMP تنسيق الموارد المحدودة للهاتف المحمول مع المكون الصحيح في الوقت المناسب لمنح أفضل تجربة للمستخدم. على سبيل المثال، يتم إيقاف إعلانات AMPHTML ذات الرسوم المتحركة مؤقتًا عندما لا تكون الإعلانات موجودة في منفذ العرض الحالي.
4. أكثر انخراطًا: لا يمكن للمستخدمين التعامل مع الإعلانات التي لا يمكنهم رؤيتها. إذ تؤدي الإعلانات الأسرع إلى إمكانية عرض أعلى وبالتالي زيادة معدلات نقرات العبور، مما يؤدي في النهاية إلى أداء إعلان أفضل.
5. آمنة من البرامج الضارة: من المستحيل نشر برامج ضارة باستخدام إعلانات AMPHTML لأنه يتم التحقق من الإعلانات قبل عرضها. لهذا السبب، يمكن للمعلنين ضمان تجربة مستخدم آمنة وتصور إيجابي للعلامة التجارية.
6. أكثر مرونة: تم تصميم إعلانات AMPHTML للعمل على كل من صفحات ويب AMP وصفحات الويب بغير تنسيق AMP، وكذلك عبر أي جهاز.

التنسيقات

تتميز إعلانات AMPHTML بالمرونة والديناميكية، مما يسمح بالعديد من التنسيقات الإبداعية مثل carousel وparallax وlightbox، على سبيل المثال لا الحصر. استفد من نماذج إعلانات AMPHTML مفتوحة المصدر في أمثلة .

طريقة عمل إعلانات AMPHTML

1. يُدرج الناشرون شريحة إعلانية في صفحة AMP الخاصة بهم عبر العلامة amp-ad، مع تحديد شبكة الإعلانات التي يرغبون في استخدامها.
2. يرسل وقت تشغيل AMP طلب إعلان إلى شبكة الإعلانات المحددة لاسترداد الإعلان. وتوفر شبكات الإعلانات القادرة على عرض إعلانات AMPHTML تنفيذ الإحضار السريع الذي يتحقق من صحة التصميم ويوقع عليه.
3. تستجيب شبكة الإعلانات بإعلان AMPHTML ويعرض وقت تشغيل AMP الإعلان على صفحة AMP.

عرض إعلانات AMPHTML

الناشرون

لعرض أشكال الإعلانات التي تُباع مباشرةً في AMPHTML، يجب عليك إنشاء الإعلانات وفقًا لـ مواصفات إعلانات AMPHTML وتقديمها باستخدام خادم إعلانات يدعم عرض إعلانات AMPHTML. أما حاليًا، تدعم خوادم الإعلانات التالية إعلانات AMPHTML:

• DoubleClick للناشرين
• TripleLift
• Dianomi
• Adzerk
• Google AdSense

لعرض إعلانات AMPHTML عبر قنواتك غير المباشرة (مثل exchange وSSP وما إلى ذلك)، استخدم شبكة إعلانات/خادم إعلانات داعمًا في القائمة التالية.

وكالات إبداعية

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

• Celtra's Ad Creator
• Google Web Designer
• Adobe Animate (قريبًا)

خوادم/شبكات الإعلانات

لتقديم إعلانات AMPHTML إلى صفحات AMP، يلزمك إنشاء ملحق amp-ad لشبكتك (ما لم يكن لديك واحد بالفعل) والذي يستخدم تنفيذ طلب إعلان للإحضار السريع. راجع التكامل مع AMP لعرض الإعلانات للحصول على مزيد التفاصيل. وضع في اعتبارك أنه ليست هناك حاجة إلى تكامل خاص لعرض AMPHTML على الصفحات بغير AMP.

إنشاء إعلانات AMPHTML

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

استخدام الأدوات: يمكنك استخدام أي من الأدوات التالية لإنشاء تصميمات AMPHTML الإبداعية:

• Celtra's Ad Creator
• Google Web Designer
• Adobe Animate (قريبًا)

التحقق من صحة بناء جملة إعلانات AMPHTML

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

• استخدام وحدة NPM لأداة التحقق من صحة AMP لدمج التحقق في البنية CI لديك.
• استخدام أداة التحقق من صحة AMP للاختبار غير المتكرر.
• الشراكة مع Cloudflare واستخدام نقطة نهاية أداة التحقق العامة.

دعم إعلانات AMPHTML في RTB

بالنسبة إلى SSPs وعمليات تبادل الإعلانات التي ترغب في دعم إعلانات AMPHTML في بيئة عروض الأسعار في الوقت الفعلي (RTB)، يُرجى الرجوع إلى دليل التنفيذ لتبادل الإعلانات في RTB للحصول على مزيد التفاصيل.

الأسئلة الشائعة

هل توجد أي نماذج من إعلانات AMPHTML؟

نعم. يمكن العثور على عدد من نماذج إعلانات AMPHTML ذات التصميم الرائع في أمثلة. إذ تستخدم هذه النماذج مكونات متقدمة في AMP.

هل تدعم إعلانات AMPHTML التحقق من الأطراف الثالثة واكتشاف إمكانية العرض؟

نعم، هناك دعم أصلي للتحقق واكتشاف إمكانية العرض باستخدام amp-analytics (على سبيل المثال، يتكامل ActiveView من Google بهذه الطريقة). وهناك أيضًا بائعون آخرون مثل MOAT يقومون بتنفيذ الدعم بنشاط لها.

هل تدعم إعلانات AMPHTML الرسوم المتحركة المستندة إلى الجدول الزمني؟

نعم، راجع amp-animation.

تحتوي معظم الإعلانات على أهداف قابلة للنقر ومخارج قابلة للتكوين، هل لإعلانات AMPHTML آلية مماثلة؟

نعم، راجع amp-ad-exit.

لا أجد ما أحتاجه، أين يمكنني طرح الأسئلة؟

• Stack Overflow هي الطريقة الموصى بها للعثور على إجابات للأسئلة حول AMP؛ نظرًا لأن أعضاء مجتمع AMP Project يراقبون Stack Overflow بانتظام، فمن المحتمل أن تتلقى الإجابة الأسرع عن أسئلتك هناك.
• انضم إلى قناة Slack #a4a-discuss للحصول على حلول وأجوبة.
• إذا واجهت خطأً في AMP أو كان لديك طلب ميزة لـ AMP، فراجع الإبلاغ عن المشكلات مع AMP للحصول على معلومات حول إرسال مشكلة.