صفحات فرود سریعتر معمولاً منجر به تبدیلهای بیشتر میشوند و AMP راهی عالی برای ایجاد صفحات فرود جذاب تبلیغات گوگل است که سریعتر بارگذاری میشوند. amp.dev منابع مورد نیاز توسعهدهندگان وب را برای ایجاد صفحات جذاب و با عملکرد بالا فراهم میکند. این راهنمای گام به گام نحوه استفاده از تبلیغات گوگل و سایر فناوریهای تبلیغاتی را در صفحات AMP شما شرح میدهد.
مرحله ۱: ایجاد و اعتبارسنجی صفحات 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 استفاده از اعتبارسنج وب یا اعتبارسنج ابزارهای وب مستر گوگل است. همچنین میتوانید از افزونه مرورگر کروم و کنسول توسعهدهندگان استفاده کنید، یا ماژول npm amphtml-validator را در ساخت خود ادغام کنید.
همچنین میتوانید از AMPBench استفاده کنید که یک برنامه و سرویس وب متنباز برای اعتبارسنجی و همچنین اشکالزدایی مشکلات مربوط به استقرار صفحات AMP است.
برای پشتیبانی در مورد آزمایش AMP، از صفحه دریافت پشتیبانی پروژه AMP دیدن کنید.
مرحله ۲: AMP را برای ردیابی و تجزیه و تحلیل تبدیل تنظیم کنید
ردیابی تبدیل تبلیغات گوگل
از کامپوننت amp-analytics برای ردیابی تبدیلهای گوگل ادز استفاده کنید. برای یادگیری نحوهی تنظیم این مورد، مراحل موجود در بخش «تنظیم اندازهگیری تبدیل گوگل ادز برای صفحات فرود AMP» را دنبال کنید.
گوگل آنالیتیکس
گوگل آنالیتیکس یکی از راهکارهای تحلیلی پشتیبانیشده توسط amp-analytics است. برای فعال کردن یکپارچهسازی نشستها در صفحات AMP و غیر AMP، مراحل موجود در «راهاندازی یکپارچهسازی نشست گوگل آنالیتیکس برای AMP» را دنبال کنید.
مدیریت برچسب گوگل
کامپوننت amp-analytics از Google Tag Manager به صورت داخلی پشتیبانی میکند. علاوه بر تبدیلهای Google Ads، میتوانید از Google Tag Manager برای اضافه کردن remarketing، DoubleClick Floodlight، Google Universal Analytics و محصولات اندازهگیری مشابه استفاده کنید. به لیست کامل تگهای سازگار مراجعه کنید.
ادوبی آنالیتیکس (که قبلاً با نام اومنیچر شناخته میشد)
ادوبی آنالیتیکس دو روش برای پیادهسازی راهکار ردیابی عملکرد وبسایت خود با کامپوننت amp-analytics ارائه میدهد: پیادهسازی iframe ( adobeanalytics_nativeConfig ) و پیادهسازی non-iframe ( adobeanalytics ). در مورد مزایا/معایب و جزئیات پیادهسازی هر رویکرد مطالعه کنید.
ادغام سایر فناوریهای رایج مرتبط با تبلیغات گوگل
شما میتوانید از کامپوننت amp-analytics برای ردیابی اقدامات و رویدادهای کاربر استفاده کنید. AMP analytics با پشتیبانی بومی از بیش از ۴۰ فروشندهی تحلیلگر ارائه میشود. این چارچوب انعطافپذیر است و به شما امکان میدهد URLها را با استفاده از پیکربندیهای سفارشی اندازهگیری و فعال کنید تا اطلاعات تحلیلی را به سرورهای خود یا به فروشندگانی که پشتیبانی بومی AMP در دسترس نیست، ارسال کنید. اگر از فناوریای استفاده میکنید که در حال حاضر پشتیبانی نمیشود، از فروشندهی خود بخواهید که پشتیبانی را اضافه کند .
تجزیه و تحلیل AMP همچنین امکان جایگزینی متغیر انعطافپذیر را فراهم میکند؛ برای جزئیات بیشتر، به مستندات جایگزینی متغیر مراجعه کنید.
مرحله ۳: فعال کردن سرویس AMP در رابط کاربری گوگل ادز
در حالی که صفحات AMP در جستجوی گوگل به صورت خودکار از طریق لینک صفحات شما کشف میشوند، تبلیغکنندگان باید صریحاً URL صفحه AMP را در Google Ads وارد کنند. برای جزئیات بیشتر در مورد تنظیم URL های AMP در رابط کاربری Google Ads ، نحوه استفاده از AMP با Google Ads را مطالعه کنید.
همچنین، اگر میخواهید ترافیک گوگل ادوردز را به صفحه فرود AMP خود هدایت کنید اما نمیخواهید آنها در نتایج جستجوی ارگانیک ظاهر شوند، دستورالعملهای Disallow را برای صفحات AMP مربوطه به robots.txt خود اضافه کنید، همانطور که برای هر صفحه وب معمولی انجام میدهید.
پروژه AMP هر روز قابلیتها و اجزای جدیدی اضافه میکند. اگر با کمبود قابلیتی مواجه شدید، میتوانید با باز کردن یک issue در گیتهاب، در آن مشارکت کنید یا درخواست اضافه شدن آن را بدهید.