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

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

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

إنشاء صفحات AMP

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

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

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

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

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

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

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

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

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

إحصاءات Google

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

إدارة العلامات من Google

يتضمّن المكوّن 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 Analytics مع دعم برمجي أساسي من أكثر من 40 مقدّم خدمة تحليلات. إنّ الإطار مرن ويسمح لك بقياس عناوين URL وتشغيلها باستخدام إعدادات مخصّصة لإرسال معلومات الإحصاءات إلى خوادمك أو إلى المورّدين الذين لا يتوفّر لديهم دعم AMP الأصلي. إذا كنت تستخدم تقنية غير متوافقة حاليًا، اطلب من المورّد إضافة ميزة التوافق.

تتيح ميزة "إحصاءات صفحات AMP" أيضًا استبدال المتغيرات بشكل مرن. للاطّلاع على التفاصيل، يُرجى الرجوع إلى مستندات استبدال المتغيّرات.

الخطوة 3: تفعيل عرض الإعلانات المتجاوبة على شبكة البحث في واجهة مستخدم "إعلانات Google"

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

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

إذا أردت اختبار كيفية ظهور صفحة AMP عند عرضها من ملف التخزين المؤقت لصفحات AMP في Google داخل "عارِض بحث Google"، أدخِل مقالة AMP في أداة اختبار صفحات AMP في محرّك بحث Google وانقر على رابط المعاينة.

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

تعديل محتوى AMP على الصفحات المقصودة

عندما يطلب مستخدم مستند AMP من ذاكرة التخزين المؤقت لصفحات AMP على Google، تطلب ذاكرة التخزين المؤقت تلقائيًا إجراء تعديلات لتتمكّن من عرض محتوى جديد للمستخدم التالي بعد تخزين المحتوى في ذاكرة التخزين المؤقت. باستخدام هذا النموذج، يتم نشر تعديلات مستندات AMP تلقائيًا وبسرعة، ولن يلاحظ سوى عدد قليل من المستخدمين عدم توفّر الإصدار المعدَّل بعد إجراء التعديل. بالإضافة إلى ذلك، يمكن استخدام واجهة برمجة التطبيقات update-cache API لتعديل المحتوى أو إزالته من ذاكرة التخزين المؤقت لصفحات AMP، إذا لزم الأمر.

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

معالجة صفحة AMP غير الصالحة

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