تؤدّي الصفحات المقصودة الأسرع عادةً إلى تحقيق المزيد من الإحالات الناجحة، بينما تُعدّ صفحات 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- المبسط: يمكنك عرض عرض بملء الشاشة للمكوِّن عند التفاعل معه.
- amp-call-tracking تستبدل هذه الميزة رقم هاتف ديناميكيًا في رابط تشعبي لتتبُّع المكالمات.
- amp-askache: يسمح بالعرض باستخدام Mustache.js.
- amp-date-picker: يوفّر أداة لاختيار التواريخ. يمكن عرض أداة اختيار التاريخ كتراكب نسبة إلى حقول الإدخال، أو كأداة ثابتة للتقويم.
التحقّق من صحة صفحات AMP
أثناء التطوير، ستحتاج إلى التأكد من صلاحية صفحات AMP. تقدم AMP عدّة طرق مختلفة للتحقق من صحة مستنداتك. الطريقة الأكثر شيوعًا للتحقّق من صحة صفحة AMP هي استخدام أداة التحقّق من الويب أو أداة التحقّق من صحة أدوات مشرفي المواقع من Google. يمكنك أيضًا استخدام المكوّن الإضافي في متصفّح Chrome ووحدة تحكّم المطوّرين، أو دمج وحدة amphtml-validator npm في إصدارك.
يمكنك أيضًا استخدام AMPBench، وهو تطبيق ويب وخدمة مفتوحة المصدر للتحقق من صحة المشاكل المتعلقة بنشر صفحات AMP وتصحيح الأخطاء فيها.
للحصول على الدعم بشأن اختبار صفحات AMP، انتقِل إلى صفحة الحصول على الدعم في "مشروع صفحات AMP".
الخطوة 2: إعداد صفحات AMP لتتبُّع الإحالات الناجحة والإحصاءات
ميزة تتبُّع الإحالات الناجحة في "إعلانات Google"
استخدِم المكوِّن amp-analytics لتتبّع الإحالات الناجحة في "إعلانات Google". اتّبِع الخطوات الواردة في إعداد قياس الإحالات الناجحة في "إعلانات Google" لصفحات AMP المقصودة للتعرّف على كيفية إعداد ذلك.
إحصاءات Google
تُعد إحصاءات Google أحد حلول التحليلات التي توفّرها خدمة amp-analytics. لتفعيل توحيد الجلسات على مستوى صفحات AMP والصفحات الأخرى، اتّبع الخطوات الواردة في المقالة إعداد توحيد جلسة "إحصاءات Google" لصفحات AMP.
إدارة العلامات من Google
يتضمّن المكوِّن amp-analytics دعمًا مضمّنًا في أداة إدارة العلامات من Google. بالإضافة إلى الإحالات الناجحة في "إعلانات Google"، يمكنك استخدام أداة "إدارة العلامات من Google" لإضافة منتجات تجديد النشاط التسويقي وDoubleClick Floodlight وGoogle Universal Analytics ومنتجات القياس المشابهة. يمكنك الرجوع إلى القائمة الكاملة للعلامات المتوافقة.
Adobe Analytics (المعروف سابقًا باسم Omniture)
يوفّر Adobe Analytics طريقتين لتنفيذ حل تتبُّع أداء الموقع الإلكتروني من خلال مكوّن amp-analytics: تنفيذ iframe (adobeanalytics_nativeConfig
) وغير إطار iframe
(adobeanalytics
). اقرأ حول الإيجابيات/السلبيات وتفاصيل التنفيذ لكل
نهج.
دمج التقنيات الأخرى الشائعة ذات الصلة بخدمة "إعلانات Google"
يمكنك استخدام المكوِّن amp-analytics لتتبع إجراءات المستخدم وأحداثه. تأتي AMP Analytics مع دعم أصلي من قِبل أكثر من 40 موردًا للتحليلات. إطار العمل مرن ويسمح لك بقياس عناوين URL وتشغيلها باستخدام عمليات ضبط مخصّصة لإرسال معلومات الإحصاءات إلى خوادمك أو إلى المورّدين حيث لا يتوفّر دعم صفحات AMP الأصلية. إذا كنت تستخدم تقنية غير مدعومة حاليًا، اطلب من المورّد إضافة دعم.
تتيح AMP Analytics أيضًا استبدال المتغيرات بشكل مرن. ولمزيد من التفاصيل، يُرجى الرجوع إلى مستندات استبدال المتغيرات.
الخطوة 3: تفعيل عرض AMP في واجهة مستخدم "إعلانات Google"
على الرغم من أنّه يتم اكتشاف صفحات AMP تلقائيًا في "بحث Google" من خلال الرابط من صفحاتك، على المعلِنين إدخال عنوان URL لصفحة AMP بوضوح في "إعلانات Google". يمكنك الاطّلاع على كيفية استخدام صفحات AMP مع "إعلانات Google" للحصول على تفاصيل عن إعداد عناوين URL لصفحات AMP في واجهة مستخدم "إعلانات Google".
عرض ذاكرة التخزين المؤقت متاح حاليًا للإعلانات النصية على صفحات نتائج "بحث Google" التي يتم عرضها على معظم المتصفحات الرئيسية، بما في ذلك Android Chrome وتطبيق "بحث Google" لأجهزة Android و Mobile Safari. وسنوفر مزيدًا من التغطية خلال الأشهر المقبلة.
إذا كنت تريد اختبار كيفية ظهور صفحة AMP عند عرضها من ذاكرة التخزين المؤقت لصفحات AMP من Google داخل "عارِض بحث Google"، أدخِل مقالة AMP في أداة اختبار صفحات AMP في "بحث Google" وانقر على رابط المعاينة.
بالإضافة إلى ذلك، إذا كنت تريد جذب زيارات "إعلانات Google" إلى صفحة AMP المقصودة ولكنّك لا تريد ظهورها في نتائج البحث المجاني، أضِف أوامر Disallow لصفحات AMP ذات الصلة إلى robots.txt
كما تفعل مع أيّ صفحة ويب عادية.
تعديل محتوى AMP على الصفحات المقصودة
عندما يطلب المستخدم مستند AMP من ذاكرة التخزين المؤقت لصفحات AMP على Google، تطلب ذاكرة التخزين المؤقت تلقائيًا إجراء تعديلات بهدف عرض محتوى جديد للمستخدم التالي فور تخزين المحتوى في ذاكرة التخزين المؤقت. في هذا النموذج، يتم نشر التحديثات في مستندات AMP تلقائيًا وبسرعة، وسيلاحظ القليل من المستخدمين النسخة غير المحدّثة بعد إجراء التحديث. بالإضافة إلى ذلك، يمكن استخدام واجهة برمجة تطبيقات update-cache لتعديل المحتوى أو إزالته من ذاكرة التخزين المؤقت لصفحات AMP إذا لزم الأمر.
يضيف مشروع AMP وظائف ومكونات جديدة كل يوم. إذا وجدتَ وظيفة مفقودة، يمكنك المساهمة أو طلب إضافتها عن طريق فتح مشكلة GitHub.
معالجة غير صالحة لصفحة AMP
وعندما تتحول الصفحة إلى صفحة غير صالحة، ستكتشف ذاكرة التخزين المؤقت لصفحات AMP ذلك ضمن مدى بعض الطلبات وتبدأ في إعادة التوجيه إلى المصدر المعروض لصفحة AMP. قد تستغرق العودة إلى عرض ذاكرة التخزين المؤقت لصفحات AMP من يوم إلى يومَين.