Daha hızlı açılış sayfaları genellikle daha fazla dönüşüm sağlar. AMP, daha hızlı yüklenen çekici Google Ads açılış sayfaları oluşturmanın harika bir yoludur. amp.dev, web geliştiricilere çekici ve yüksek performanslı sayfalar oluşturmak için ihtiyaç duydukları kaynakları sağlar. Bu adım adım 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ı oluşturmayı öğrenmek için AMP Project'in İ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 Websites Examples (AMP Web Sitesi Örnekleri) ve AMP Templates (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ş yapmasını gerektiren açılış sayfaları oluşturun.
- amp-list: İçeriği dinamik bir biçimde bir CORS JSON uç noktasından getirin.
- amp-carousel: Resim galerisinde gezinmek için kullanılan resim bandı.
- amp-lightbox: Etkileşimde bulunulan bir bileşenin tam ekran görünümünü gösterir.
- amp-call-tracking Telefon araması izleme için bir köprüdeki 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 bir takvim widget'ı olarak oluşturulabilir.
AMP sayfalarını doğrulama
Geliştirme sırasında AMP sayfalarınızın geçerli olduğundan emin olmanız gerekir. AMP, belgelerinizi doğrulamak için çeşitli yöntemler 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ısı'nı kullanmaktır. Ayrıca Chrome tarayıcı eklentisini ve geliştirici konsolunu kullanabilir ya da amphtml-validator npm modülünü derlemenize entegre edebilirsiniz.
AMP sayfalarının dağıtımıyla ilgili sorunları doğrulamak ve hata ayıklamak için açık kaynaklı bir web uygulaması ve hizmet olan AMPBench'i de kullanabilirsiniz.
AMP testiyle ilgili destek için AMP Project'in Destek Alma sayfasını ziyaret edin.
2. adım: Dönüşüm izleme ve analiz için AMP'yi 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 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 dönüşümlerine ek olarak yeniden pazarlama, DoubleClick Floodlight, Google Universal Analytics ve benzeri ölçüm ürünlerini eklemek için Google Etiket Yöneticisi'ni kullanabilirsiniz. Uyumlu etiketlerin tam listesine bakın.
Adobe Analytics (önceki adıyla Omniture)
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) uygulama. Her yaklaşımın avantajları/dezavantajları ve uygulama ayrıntıları hakkında bilgi edinin.
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çi firmasının yerel desteğiyle birlikte gelir. Çerçeve esnektir ve özel yapılandırmalar kullanarak URL'leri ölçmenize ve tetiklemenize olanak tanır. Bu sayede, analiz bilgilerini kendi sunucularınıza veya yerel AMP desteğinin olmadığı satıcılara gönderebilirsiniz. Şu anda desteklenmeyen bir teknoloji kullanıyorsanız sağlayıcınızdan destek eklemesini isteyin.
AMP Analytics, esnek değişken değişikliğine de olanak tanır. Ayrıntılı bilgi için değişken değişikliği dokümanlarına 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ş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 inceleyin.
Ayrıca, Google Ads trafiğini AMP açılış sayfanıza yönlendirmek istiyorsanız ancak bu sayfaların organik arama sonuçlarında görünmesini istemiyorsanız ilgili AMP sayfaları için robots.txt dosyasına normal bir web sayfasında olduğu gibi Disallow yönergeleri ekleyin.
AMP projesine her gün yeni işlevler ve bileşenler ekleniyor. Eksik bir işlev bulursanız katkıda bulunabilir veya GitHub sorunu açarak eklenmesini isteyebilirsiniz.