الصفحات المقصودة الأسرع تؤدي عادةً إلى زيادة الإحالات الناجحة، وتُعدّ صفحات 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. توفّر AMP عدّة طرق للتحقّق. الطريقة الأكثر شيوعًا للتحقّق من صحة صفحة AMP هي باستخدام أداة التحقّق من صفحات AMP على الويب أو أداة اختبار AMP في Search Console. يمكنك أيضًا استخدام إضافة AMP Validator لمتصفّح Chrome ووحدة تحكّم المطوّرين، أو دمج وحدة npm الخاصة بـ amphtml-validator في عملية الإنشاء.
للحصول على الدعم بشأن اختبار AMP، يُرجى الانتقال إلى صفحة دعم AMP.
الخطوة 2: إعداد AMP لتتبُّع الإحالات الناجحة والإحصاءات
تتبُّع الإحالات الناجحة في "إعلانات Google"
استخدِم المكوّن amp-analytics لتتبُّع الإحالات الناجحة في "إعلانات Google". اتّبِع الخطوات الواردة في مقالة إعداد قياس الإحالات الناجحة في "إعلانات Google" لصفحات AMP المقصودة للتعرّف على كيفية إعداد ذلك.
إحصاءات Google
إحصاءات Google هي أحد حلول الإحصاءات المتوافقة مع amp-analytics. لتفعيل توحيد الجلسات على صفحات AMP وصفحات بتنسيق غير AMP، اتّبِع الخطوات الواردة في مقالة إعداد توحيد جلسة "إحصاءات Google" لصفحات AMP.
Google Tag Manager
يتضمّن مكوّن amp-analytics دعمًا مضمّنًا لأداة Google Tag Manager. بالإضافة إلى الإحالات الناجحة في "إعلانات Google"، يمكنك استخدام Google Tag Manager لإضافة منتجات القياس المشابهة ومنتجات تجديد النشاط التسويقي وFloodlight. اطّلِع على القائمة الكاملة لعلامات التتبُّع المتوافقة.
Adobe Analytics
توفّر Adobe Analytics طريقتَين لتنفيذ حلّ تتبُّع أداء المواقع الإلكترونية باستخدام مكوّن amp-analytics: iframe (adobeanalytics_nativeConfig) وغير iframe (adobeanalytics). يمكنك الاطّلاع على مزايا كل طريقة وعيوبها وتفاصيل تنفيذها في مستندات Adobe Analytics AMP.
دمج تكنولوجيات أخرى شائعة ذات صلة بـ "إعلانات Google"
يمكنك استخدام المكوّن amp-analytics لتتبُّع إجراءات المستخدمين وأحداثهم. تتوفّر AMP Analytics مع دعم أصلي من أكثر من 40 مورّدًا للإحصاءات. يتّسم إطار العمل بالمرونة ويسمح لك بقياس عناوين URL وتشغيلها باستخدام إعدادات مخصّصة لإرسال معلومات الإحصاءات إلى خوادمك أو إلى المورّدين في حال عدم توفّر دعم AMP الأصلي. إذا كنت تستخدم تكنولوجيا غير متوافقة، يمكنك الطلب من المورّد إضافة التوافق.
تتيح "إحصاءات AMP" أيضًا استبدال المتغيّرات المرنة. لمزيد من التفاصيل، يُرجى الرجوع إلى مستندات استبدال المتغيّرات.
الخطوة 3: تفعيل عرض صفحات AMP في واجهة مستخدم "إعلانات Google"
على الرغم من أنّ صفحات AMP في "بحث Google" يتم اكتشافها تلقائيًا من خلال الرابط من صفحاتك، على المعلِنين إدخال عنوان URL لصفحة AMP بشكل صريح في "إعلانات Google". اطّلِع على كيفية استخدام AMP مع "إعلانات Google" للحصول على تفاصيل حول إعداد عناوين URL لصفحات AMP في واجهة مستخدم "إعلانات Google".
بالإضافة إلى ذلك، إذا أردت توجيه زيارات "إعلانات Google" إلى صفحة AMP المقصودة ولكنك لا تريد أن تظهر في نتائج البحث المجاني، يمكنك إضافة توجيهات Disallow لصفحات AMP ذات الصلة إلى ملف robots.txt كما تفعل مع أي صفحة ويب عادية.
إذا وجدت وظائف غير متوفّرة في AMP، يمكنك المساهمة أو طلبها من خلال فتح مشكلة في GitHub.