استخدام صفحات AMP لصفحاتك المقصودة على "إعلانات Google"

تؤدي الصفحات المقصودة الأسرع عادةً إلى مزيد من الإحالات الناجحة، وتشكّل AMP طريقة رائعة لإنشاء صفحات مقصودة جذابة على "إعلانات Google" يتم تحميلها بسرعة أكبر. يوفّر الموقع الإلكتروني amp.dev لمطوّري الويب الموارد التي يحتاجون إليها لإنشاء صفحات جذابة وعالية الأداء. يوضّح هذا الدليل المفصّل كيفية استخدام "إعلانات Google" وغيرها من تكنولوجيات الإعلان في صفحات AMP.

الخطوة 1: إنشاء صفحات AMP والتحقّق من صحتها

إنشاء صفحات AMP

للتعرّف على كيفية إنشاء صفحة AMP أساسية، ابدأ بالبرنامج التعليمي إنشاء صفحة AMP الأولى من "مشروع AMP". للحصول على المزيد من الإرشادات العملية المفصّلة، أكمل البرنامجين التعليميَّين تحويل HTML إلى AMP وإضافة ميزات AMP المتقدّمة. يمكنك العثور على نماذج للتعليمات البرمجية ونماذج لمكوّنات AMP على أمثلة على مواقع إلكترونية متوافقة مع AMP ونماذج AMP.

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

  • amp-bind: إضافة تفاعل ذي حالة مخصصة استنادًا إلى أحداث مشابهة لجافا سكريبت
  • amp-form: لإنشاء صفحات مقصودة تتطلّب إدخال بيانات من المستخدم.
  • amp-list: يجلب هذا المكوِّن المحتوى ديناميكيًا من نقطة نهاية CORS JSON.
  • ‫amp-carousel: لوحة عرض دوّارة للصور تتيح التنقّل بين صور معرض الصور.
  • amp-lightbox: لعرض مكوّن بملء الشاشة عند التفاعل معه.
  • amp-call-tracking يستبدل بشكلٍ ديناميكي رقم هاتف في رابط تشعّبي لتتبُّع المكالمات.
  • amp-mustache: تسمح هذه السمة بعرض المحتوى باستخدام Mustache.js.
  • ‫amp-date-picker: توفّر أداة لاختيار التواريخ. يمكن عرض أداة اختيار التاريخ كتراكب بالنسبة إلى حقول الإدخال، أو كأداة تقويم ثابتة.

التحقّق من صحة صفحات AMP

أثناء عملية التطوير، عليك التأكّد من أنّ صفحات AMP صالحة. توفّر AMP عدة طرق مختلفة لإثبات صحة مستنداتك. إنّ الطريقة الأكثر شيوعًا للتحقّق من صحة صفحة AMP هي استخدام أداة التحقّق على الويب أو أداة التحقّق من أدوات مشرفي المواقع من Google. يمكنك أيضًا استخدام إضافة متصفّح Chrome ووحدة تحكّم المطوّرين، أو دمج وحدة amphtml-validator npm في عملية الإنشاء.

يمكنك أيضًا استخدام AMPBench، وهو تطبيق وخدمة ويب مفتوحا المصدر للتحقّق من صحة المشاكل المتعلقة بنشر صفحات AMP وتصحيحها.

للحصول على دعم بشأن اختبار AMP، انتقِل إلى صفحة الحصول على دعم في مشروع AMP.

الخطوة 2: إعداد AMP لتتبُّع الإحالات الناجحة والإحصاءات

استخدِم مكوّن amp-analytics لتتبُّع الإحالات الناجحة في "إعلانات Google". اتّبِع الخطوات الواردة في مقالة إعداد قياس الإحالات الناجحة في "إعلانات Google" للصفحات المقصودة بتنسيق AMP للتعرّف على كيفية إعداد هذه الميزة.

إحصاءات Google

إحصاءات Google هي أحد حلول الإحصاءات المتوافقة مع amp-analytics. لإتاحة توحيد الجلسات على صفحات AMP والصفحات الأخرى، اتّبِع الخطوات الواردة في مقالة إعداد توحيد جلسة "إحصاءات Google" لصفحات AMP.

Google Tag Manager

يتوافق مكوّن amp-analytics تلقائيًا مع أداة "إدارة العلامات من Google". بالإضافة إلى الإحالات الناجحة في "إعلانات Google"، يمكنك استخدام "إدارة العلامات من Google" لإضافة منتجات قياس مشابهة، مثل تجديد النشاط التسويقي وDoubleClick Floodlight وUniversal Analytics من Google. راجِع القائمة الكاملة للعلامات المتوافقة.

‫Adobe Analytics (المعروفة سابقًا باسم Omniture)

توفّر Adobe Analytics طريقتَين لتنفيذ حلّ تتبُّع أداء الموقع الإلكتروني باستخدام مكوّن amp-analytics، وهما: التنفيذ باستخدام iframe (adobeanalytics_nativeConfig) والتنفيذ بدون iframe (adobeanalytics). يمكنك الاطّلاع على مزايا وعيوب وتفاصيل التنفيذ لكل طريقة.

يمكنك استخدام مكوّن amp-analytics لتتبُّع إجراءات المستخدمين وأحداثهم. تتوفّر إحصاءات AMP مع دعم مدمج من أكثر من 40 مورّدًا للتحليلات. يتسم هذا الإطار بالمرونة ويسمح لك بقياس عناوين URL وتفعيلها باستخدام إعدادات مخصّصة لإرسال معلومات الإحصاءات إلى الخوادم الخاصة بك أو إلى المورّدين الذين لا تتوفّر لديهم ميزة التوافق الأصلي مع AMP. إذا كنت تستخدم تكنولوجيا غير متوافقة حاليًا، اطلب من المورّد إضافة توافق.

تتيح خدمة "إحصاءات AMP" أيضًا استبدال المتغيرات بمرونة. لمزيد من التفاصيل، راجِع مستندات استبدال المتغيرات.

الخطوة 3: تفعيل عرض إعلانات AMP في واجهة مستخدم "إعلانات Google"

مع أنّ صفحات AMP في "بحث Google" يتم اكتشافها تلقائيًا من خلال الرابط من صفحاتك، على المعلِنين إدخال عنوان URL لصفحة AMP بشكل صريح في "إعلانات Google". اطّلِع على مقالة كيفية استخدام Accelerated Mobile Pages ‏(AMP) مع "إعلانات Google" للحصول على تفاصيل حول إعداد عناوين URL لصفحات AMP في واجهة مستخدم "إعلانات Google".

بالإضافة إلى ذلك، إذا كنت تريد توجيه الزيارات من "إعلانات Google" إلى صفحتك المقصودة على AMP ولكنك لا تريد أن تظهر في نتائج البحث المجاني، أضِف توجيهات Disallow لصفحات AMP ذات الصلة إلى ملف robots.txt كما تفعل مع أي صفحة ويب عادية.

يضيف مشروع AMP وظائف ومكوّنات جديدة كل يوم. إذا لاحظت أنّ بعض الوظائف غير متوفّرة، يمكنك المساهمة أو طلب إضافتها من خلال فتح مشكلة في GitHub.