Daha hızlı açılış sayfaları genellikle daha fazla dönüşüm sağlar. AMP, 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 ve diğer reklamcılık 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ı oluşturmayı öğrenmek için AMP Project'in İlk AMP sayfanızı oluşturma eğiticisini inceleyin. Daha fazla uygulamalı, adım adım açıklamalı 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 kodunu 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 olarak bileşenlerin tam listesine göz atın.
- amp-bind: JavaScript benzeri etkinliklere dayalı özel durum bilgisine sahip etkileşim ekleyin.
- amp-form: Kullanıcıdan giriş gerektiren açılış sayfaları oluşturun.
- amp-list: İçeriği dinamik bir biçimde bir CORS JSON uç noktasından getirir.
- amp-carousel: Resim galerisinde gezinmek için resim rulosu.
- amp-lightbox: Bir bileşenle etkileşim kurulduktan sonra bileşenin tam ekran görünümünü gösterir.
- amp-call-tracking Arama takibi için 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 olmak istersiniz. AMP, belgelerinizi doğrulamak için çeşitli yöntemler sunar. AMP sayfalarını doğrulamanın en yaygın yolu web doğrulayıcıyı veya Google Web Yöneticisi Araçları Doğrulayıcı'yı kullanmaktır. Chrome tarayıcı eklentisini ve geliştirici konsolunu da kullanabilir veya 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 kaynak bir web uygulaması ve hizmeti olan AMPBench'i de kullanabilirsiniz.
AMP testiyle ilgili destek almak için AMP Project'in Destek Alma sayfasını ziyaret edin.
2. adım: Dönüşüm izleme ve analizler 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 etkinleştirmek 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şeninde Google Etiket Yöneticisi için yerleşik destek bulunur. Google Ads dönüşümlerine ek olarak Google Etiket Yöneticisi'ni kullanarak yeniden pazarlama, DoubleClick Floodlight, Google Universal Analytics ve benzer ölçüm ürünlerini ekleyebilirsiniz. Uyumlu etiketlerin tam listesine bakın.
Adobe Analytics (eski 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ğini içerir. Esnek bir yapıya sahip olan bu çerçeve, analiz bilgilerini kendi sunucularınıza veya yerel AMP desteğinin kullanılamadığı satıcılara 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 satıcınızdan destek eklemesini isteyin.
AMP Analytics, esnek değişken değiştirmeye de olanak tanır. Ayrıntılar için değişken değiştirme dokümanlarına 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ı üzerinden otomatik olarak bulunur. Reklamverenler ise AMP sayfası URL'sini Google Ads'e açıkça girmelidir. Google Ads kullanıcı arayüzünde AMP URL'lerini ayarlamayla ilgili ayrıntılar için AMP'yi Google Ads ile kullanma başlıklı makaleyi okuyun.
Önbellekten reklam yayınlama özelliği şu anda Android Chrome, Android Google Arama uygulaması ve Mobil Safari gibi en yaygın tarayıcılarda yayınlanan 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'de Google AMP önbelleğinden yayınlandığında nasıl göründüğünü test etmek istiyorsanız AMP makalenizi Arama AMP test aracına girin ve Bağlantıyı önizle'yi tıklayın.
Ayrıca, AMP açılış sayfanıza Google Ads trafiği çekmek ancak bu trafiğin organik arama sonuçlarında görünmesini istemiyorsanız normal bir web sayfasında yaptığınız gibi robots.txt dosyanıza ilgili AMP sayfaları için "İzin verme" yönergeleri ekleyin.
Açılış sayfalarındaki AMP içeriğini güncelleme
Bir kullanıcı Google AMP Cache'ten AMP belgesi istediğinde önbellek, içerik önbelleğe alındıktan sonra bir sonraki kullanıcıya yeni içerik sunabilmek için otomatik olarak güncelleme ister. Bu modelde, AMP belgelerindeki güncellemeler otomatik ve hızlı bir şekilde dağıtılır. Güncellemenizden sonra güncellenmemiş sürümü fark eden kullanıcı sayısı çok az olur. 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 bir işlev görürseniz GitHub sorunu açarak katkıda bulunabilir veya işlevin eklenmesini isteyebilirsiniz.
Geçersiz AMP sayfası işleme
Bir sayfa geçersiz hale geldiğinde AMP Cache bunu birkaç istek içinde keşfeder ve AMP sayfasının yayınlandığı kaynağa yönlendirmeye başlar. AMP önbelleği yayınlamaya geri dönmek 1-2 gün sürebilir.