Daha hızlı açılış sayfaları genellikle daha fazla dönüşüm sağlar ve AMP, daha hızlı yüklenen ilgi çekici Google Ads açılış sayfaları oluşturmak için mükemmel bir yöntemdir. 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 ve diğer reklam teknolojilerinin nasıl kullanılacağı açıklanmaktadır.
1. adım: AMP sayfaları oluşturun ve doğrulayın
AMP sayfaları oluşturma
Temel bir AMP sayfasının nasıl oluşturulacağını öğrenmek için AMP Projesi'nin İlk AMP sayfanızı oluşturma eğitiminden başlayın. Daha fazla uygulamalı ve adım adım rehberlik için HTML'yi AMP'ye dönüştürme ve Gelişmiş AMP özellikleri ekleme eğitimlerini tamamlayın. AMP bileşenlerinin örnek kodlarını ve şablonlarını AMP Web Sitesi Örnekleri ve AMP Şablonları sayfalarında 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 etkinliklere dayalı özel durum bilgisi içeren etkileşim ekleyin.
- amp-form: Kullanıcıdan giriş gerektiren açılış sayfaları oluşturun.
- amp-list: İçeriği bir CORS JSON uç noktasından dinamik olarak getirir.
- amp-carousel: Resim galerisinde gezinmek için resim bandı.
- amp-lightbox: Etkileşimde bulunulduğunda bir bileşenin tam ekran görünümünü gösterir.
- amp-call-tracking: Telefon araması izleme için köprüdeki bir telefon numarasını dinamik olarak değiştirir.
- amp-mustache: Mustache.js ile oluşturmaya olanak tanır.
- amp-date-picker: Tarih seçmek için bir widget sağlar. Tarih seçici, giriş alanlarına göre yer paylaşımı olarak veya statik bir takvim widget'ı olarak oluşturulabilir.
AMP sayfalarını doğrulama
Geliştirme sırasında, AMP sayfalarınızın AMP spesifikasyonuna uygun olduğunu doğrulayın. AMP, çeşitli doğrulama yöntemleri sunar. AMP sayfasını doğrulamanın en yaygın yolu, AMP web doğrulayıcıyı veya Search Console AMP Testi'ni kullanmaktır. Ayrıca AMP Doğrulayıcı Chrome uzantısını ve geliştirici konsolunu kullanabilir veya amphtml-validator npm modülünü derlemenize entegre edebilirsiniz.
AMP testiyle ilgili destek için AMP destek 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 reklam dönüşümlerini izlemek için amp-analytics bileşenini kullanın. Bunu nasıl ayarlayacağınızı öğrenmek için AMP açılış sayfaları için Google Ads dönüşüm ölçümünü ayarlama başlıklı makaledeki adımları uygulayın.
Google Analytics
Google Analytics, amp-analytics tarafından desteklenen analiz çözümlerinden biridir. Oturumların AMP ve AMP olmayan sayfalar arasında birleştirilmesini sağlamak için AMP için Google Analytics oturum birleştirmeyi ayarlama başlıklı makaledeki adımları uygulayın.
Google Etiket Yöneticisi
amp-analytics bileşeni, Google Etiket Yöneticisi için yerleşik desteğe sahiptir. Google Ads reklam dönüşümlerine ek olarak yeniden pazarlama, Floodlight ve benzer ölçüm ürünlerini eklemek için Google Etiket Yöneticisi'ni kullanabilirsiniz. Uyumlu etiketlerin tam listesine göz atın.
Adobe Analytics
Adobe Analytics, web sitesi performans izleme çözümünü amp-analytics bileşeniyle uygulamak için iki yöntem sunar: iframe (adobeanalytics_nativeConfig) ve iframe olmayan (adobeanalytics). Her yaklaşımın avantajları, dezavantajları ve uygulama ayrıntıları hakkında bilgi edinmek için Adobe Analytics AMP belgelerini 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 sağlayıcısının yerel desteğiyle sunulur. Bu çerçeve esnektir ve analiz bilgilerini kendi sunucularınıza veya yerel AMP desteğinin bulunmadığı tedarikçilere göndermek için özel yapılandırmalar kullanarak URL'leri ölçmenize ve tetiklemenize olanak tanır. Desteklenmeyen bir teknoloji kullanıyorsanız tedarikçinizden destek eklemesini isteyin.
AMP Analytics, esnek değişken değişimine 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ınlamayı etkinleştirin
Google Arama'daki AMP sayfaları, sayfalarınızdaki bağlantı aracılığıyla otomatik olarak keşfedilirken reklamverenlerin AMP sayfası URL'sini Google Ads'e açıkça girmesi gerekir. Google Ads kullanıcı arayüzünde AMP URL'lerini ayarlama hakkında ayrıntılı bilgi için AMP'yi Google Ads ile kullanma başlıklı makaleyi okuyun.
Ayrıca, Google Ads reklam trafiğini AMP açılış sayfanıza yönlendirmek istiyor ancak bu sayfaların organik arama sonuçlarında görünmesini istemiyorsanız ilgili AMP sayfaları için Disallow yönergelerini, normal web sayfalarında yaptığınız gibi robots.txt dosyanıza ekleyin.
AMP'de eksik olan bir işlev bulursanız katkıda bulunabilir veya bir GitHub sorunu açarak bu işlevi talep edebilirsiniz.