Daha hızlı açılış sayfaları genellikle daha fazla dönüşüm sağlar. AMP ise daha hızlı yüklenen ilgi çekici Google Ads açılış sayfaları oluşturmanın mükemmel bir yoludur. amp.dev, web geliştiricilerine ilgi çekici ve yüksek performanslı sayfalar oluşturmak için ihtiyaç duydukları kaynakları sağlar. Bu adım adım açıklamalı kılavuzda, AMP sayfalarınızda Google Ads'i ve diğer reklamcılık teknolojilerini nasıl kullanacağınız açıklanmaktadır.
1. Adım: AMP sayfaları oluşturun ve doğrulayın
AMP sayfaları oluşturma
Temel bir AMP sayfasını nasıl oluşturacağınızı öğrenmek için AMP Projesi'nin İlk AMP sayfanızı oluşturma eğitimiyle başlayın. Daha fazla uygulamalı ve adım adım rehberlik için HTML'yi AMP'ye Dönüştür ve Gelişmiş AMP özellikleri ekleme eğiticilerini tamamlayın. AMP bileşenlerinin örnek kodunu ve şablonlarını AMP Web Sitesi Örnekleri ve AMP Şablonlar bölümünde bulabilirsiniz.
Aşağıdaki listede AMP sayfalarında kullanılan bazı bileşenler açıklanmaktadır. Referans için bileşenlerin tam listesine bakın.
- amp-bind: JavaScript benzeri etkinlikleri temel alan özel durum bilgili etkileşim ekleyin.
- amp-form: Kullanıcının giriş yapmasını gerektiren açılış sayfaları oluşturun.
- amp-list: İçeriği CORS JSON uç noktasından dinamik olarak getirin.
- amp-carousel: Resim galerisini kaydırmak için resim bandı.
- amp-lightbox: Etkileşimde bulunulan bir bileşenin tam ekran görünümünü gösterir.
- amp-call-tracking Arama izleme için köprüdeki bir telefon numarasını dinamik olarak değiştirir.
- amp-mustache: Mustache.js ile oluşturmaya izin verir.
- amp-date-picker: Tarih seçmek için bir widget sağlar. Tarih seçici, giriş alanlarına göre bir yer paylaşımı veya statik takvim widget'ı olarak oluşturulabilir.
AMP sayfalarını doğrulayın
Geliştirme sırasında AMP sayfalarınızın geçerli olduğundan emin olmanız gerekir. AMP, belgelerinizi doğrulamak için birkaç farklı yöntem sunar. Bir AMP sayfasını doğrulamanın en yaygın yolu web doğrulayıcı veya Google Web Yöneticisi Araçları Doğrulayıcı'yı kullanmaktır. Ayrıca, Chrome tarayıcı eklentisini ve geliştirici konsolunu kullanabilir veya amphtml-doğrulayıcı npm modülünü derlemenize entegre edebilirsiniz.
Ayrıca, AMP sayfalarının dağıtımıyla ilgili sorunları hem doğrulamak hem de hata ayıklamak için açık kaynak bir web uygulaması ve hizmeti olan AMPBench'i kullanabilirsiniz.
AMP testiyle ilgili destek için AMP Projesi'nin Destek Alma sayfasını ziyaret edin.
2. Adım: AMP'yi dönüşüm izleme ve analiz için ayarlayın
Google Ads dönüşüm izleme
Google Ads dönüşümlerini izlemek için amp-analytics bileşenini kullanın. Bunu nasıl ayarlayacağınızı öğrenmek amacıyla AMP açılış sayfaları için Google Ads dönüşüm ölçümünü ayarlama bölümündeki adımları uygulayın.
Google Analytics
Google Analytics, amp-analytics tarafından desteklenen analiz çözümlerinden biridir. Oturumların AMP ve AMP olmayan sayfalarda birleştirilmesini sağlamak için AMP için Google Analytics oturum birleştirmeyi ayarlama bölümündeki adımları uygulayın.
Google Etiket Yöneticisi
amp-analytics bileşeni, Google Etiket Yöneticisi için yerleşik destek içerir. Google Ads dönüşümlerine ek olarak, yeniden pazarlama, DoubleClick Floodlight, Google Universal Analytics ve benzer ölçüm ürünleri eklemek için Google Etiket Yöneticisi'ni kullanabilirsiniz. Uyumlu etiketlerin tam listesine bakın.
Adobe Analytics (eski adıyla Omniture)
Adobe Analytics, web sitesi performans izleme çözümlerini amp-analytics bileşeniyle uygulamak için iki yöntem sunar: iframe (adobeanalytics_nativeConfig) ve iFrame olmayan (adobeanalytics) uygulama. Her bir yaklaşımın artıları/eksileri ve uygulama ayrıntılarını inceleyin.
Google Ads ile ilgili diğer yaygın teknolojileri entegre etme
Kullanıcı işlemlerini ve etkinliklerini izlemek için amp-analytics bileşenini kullanabilirsiniz. AMP Analytics, 40'tan fazla analiz tedarikçisinin yerel desteğiyle gelir. Çerçeve esnektir ve analiz bilgilerini kendi sunucularınıza veya yerel AMP desteğinin kullanılamadığı tedarikçilere göndermek için özel yapılandırmalar kullanarak URL'leri ölçmenize ve tetiklemenize olanak tanır. Şu anda desteklenmeyen bir teknoloji kullanıyorsanız tedarikçi firmanızdan destek eklemesini isteyin.
AMP Analytics, esnek değişken değişikliğine de olanak tanır. Ayrıntılar için değişken değişimi belgelerine bakın.
3. Adım: Google Ads kullanıcı arayüzünde AMP yayınını etkinleştirin
Google Arama'daki AMP sayfaları, sayfalarınızdaki bağlantı aracılığıyla otomatik olarak keşfedilir, ancak reklamverenlerin Google Ads'e AMP sayfa URL'sini açıkça girmeleri gerekir. Google Ads kullanıcı arayüzünde AMP URL'lerinin ayarlanmasıyla ilgili ayrıntılar için AMP Google Ads ile Nasıl Kullanılır? konusunu okuyun.
Önbellek sunma şu anda Android Chrome, Android Google Arama Uygulaması ve Mobil Safari gibi başlıca tarayıcıların çoğunda sunulan Google arama sonuçları sayfalarındaki metin reklamlar için kullanılabilir. Gelecek aylarda bu kapsamı genişleteceğiz.
Bir AMP sayfasının Google Arama Görüntüleyici içindeki Google AMP önbelleğinden teslim edildiğinde nasıl göründüğünü test etmek isterseniz AMP makalenizi Arama AMP testi aracına girin ve Bağlantıyı önizle'yi tıklayın.
Ayrıca, Google Ads trafiğini AMP açılış sayfanıza yönlendirmek istiyor ancak organik arama sonuçlarında görünmesini istemiyorsanız, herhangi bir normal web sayfasında yaptığınız gibi ilgili AMP sayfalarına yönelik Disallow yönergelerini robots.txt sayfanıza ekleyin.
Açılış sayfalarında AMP içeriğini güncelleme
Bir kullanıcı Google AMP Önbelleğinden bir AMP dokümanı istediğinde, önbellek, içerik önbelleğe alındıktan sonra sonraki kullanıcıya yeni içerik sunabilmek için otomatik olarak güncellemeleri ister. Bu modelle, AMP belgelerinde yapılan güncellemeler otomatik ve hızlı bir şekilde yayılır. Güncellemenizden sonra, güncel olmayan sürümü çok az kullanıcı fark eder. Ayrıca, gerekirse AMP önbelleğindeki içeriği güncellemek veya kaldırmak için update-cache API kullanılabilir.
AMP projesine her gün yeni işlevler ve bileşenler ekleniyor. Eksik işlev bulursanız bir GitHub sorunu açarak katkıda bulunabilir veya eklenmesini isteyebilirsiniz.
Geçersiz AMP sayfası işleme
Bir sayfa geçersiz hale geldiğinde AMP Önbelleği, birkaç istek içinde bu durumu keşfeder ve AMP sayfasında sunulan kaynağa yönlendirmeye başlar. AMP önbellek sunmaya geri dönmek 1-2 gün sürebilir.