GA4 AMP analitik entegrasyonu, googleanalytics türüyle yapılandırılmış <amp-analytics> etiketine dayanır. Sayfa görüntüleme ölçümlerini ve özel etkinlik tetikleyicilerini doğrudan AMP HTML şablonunuza gömülü bir JSON yapılandırma bloğu içinde tanımlarsınız. Bu mimari, AMP sayfalarının AMP doğrulama kurallarına sıkı sıkıya bağlı kalarak ve hızlı mobil yükleme performansını koruyarak verileri doğrudan Google Analytics 4 uç noktalarına göndermesine olanak tanır.
AMP sayfalarında özel etkinlikleri izlemek neden standart web sitelerinden farklıdır?
Standart web sayfaları genellikle izlemeyi yönetmek için Google Tag Manager veya standart gtag.js kitaplığını çalıştırır. Bu betikler, DOM etkinliklerini dinlemek, yüklemeler oluşturmak ve istekler göndermek için özel JavaScript çalıştırır. Ancak AMP çerçevesi, katı işleme bütçelerini korumak ve mobil işlemcilerdeki CPU çalışmasını en aza indirmek için isteğe bağlı özel JavaScript’i yasaklar.
Özel betikleri çalıştırmak yerine AMP, bildirimsel bir çerçeve kullanır. İzleme kurallarını <amp-analytics> öğesi içindeki yapılandırılmış bir JSON nesnesinde belirtirsiniz. Temel AMP çalışma zamanı bu JSON işaretlemesini yorumlar, hedef DOM öğelerine etkinlik dinleyicileri ekler ve ağ isteklerini GA4 uç noktalarına biçimlendirir. Eylem çağrısı tıklaması veya kaydırma eşiği gibi özel bir etkinliği yakalamak, satır içi JavaScript işleyicileri eklemek yerine geçerli JSON yapılandırması yazmayı gerektirir.
- AMP Çalışma Zamanı Betikleri: <script async custom-element=”amp-analytics” src=”https://cdn.ampproject.org/v0/amp-analytics-0.1.js”></script> etiketi sayfanın HTML başlığında bulunmalıdır.
- Ölçüm Kimliği: Yapılandırma nesnesi vars içinde G- ile başlayan geçerli bir GA4 Ölçüm Kimliği gereklidir.
- JSON Şeması: Yapılandırma yükü, kaçış karakteri olmayan tırnak işaretleri veya sondaki virgüller olmadan katı JSON sözdizimine uymalıdır.
- Tetikleyici Seçiciler: Tıklama tetikleyicilerinde başvurulan Öğe Kimlikleri veya CSS sınıfları gövde işaretlemesinde mevcut olmalıdır.
- Taşıma Seçenekleri: İşaret veya görüntü taşıma kullanımı, analitik isteklerinin hızlı gezinme sırasında bile tamamlanmasını sağlar.
amp-analytics etiketi içinde temel GA4 ölçümü nasıl kurulur?
İzlemeye başlamak için amp-analytics bileşenini AMP belgenizin gövdesine yerleştirin. Bileşen etiketinde öznitelik olarak type=”googleanalytics” belirtin. Alt <script type=”application/json”> etiketi içinde yapılandırmanızı beyan edin. Hedef ga_measurement_id’nizi içeren bir vars sözlüğü tanımlamalısınız. Otomatik sayfa görüntüleme izleme, AMP çalışma zamanı bileşeni kullanıcı yüklemesinde başlattığında hemen tetiklenir.
Temel yapılandırma, sayfa konumu, yönlendiren ayrıntıları ve ekran çözünürlüğü gibi genel trafik metriklerini yönetir. AMP sayfaları kısıtlanmış korumalı alanlarda veya AMP önbellekleri içinde çalıştığından, istemci tanımlayıcıları çalışma zamanı tarafından otomatik olarak yönetilir. Bu, kullanıcılar önbellek URL’lerinden kaynak etki alanlarına geçtiğinde oturum sürekliliğinin bozulmadan kalmasını sağlar.
Google, arama indekslemesinde ve değerlendirmesinde duyarlı web sayfalarına ve AMP sayfalarına eşit davranır.
Google Search Central
AMP düğme tıklamalarında ve form gönderimlerinde özel etkinlikler nasıl tetiklenir?
AMP’de özel etkinlik izleme, JSON kurulumunuzun triggers bloğuna nesneler eklemeyi gerektirir. Her tetikleyici girişi bir tetikleyici adı, etkileşim türünü belirten bir on özelliği, belirli öğeyi hedefleyen bir seçici ve bir istek türü içerir. Örneğin, bir potansiyel müşteri formu düğmesindeki tıklamaları izlemek için on değerini click ve selector değerini #submit-btn olarak ayarlayın.
Ardından, tetikleyiciyi bir etkinlik isteğiyle eşleyin. Bu belirli tetikleyicinin vars nesnesi içinde, GA4’e iletmek istediğiniz özel parametre adlarıyla birlikte event_name’i belirtin. Bir kullanıcı hedeflenen öğeye dokunduğunda, AMP çalışma zamanı GA4 Ölçüm Protokolü yapısıyla eşleşen bir HTTP isteği oluşturur ve kullanıcı gezinmesini kesintiye uğratmadan arka planda gönderir.
- Hedef Öğeleri Tanımlayın: İzlenen düğmeler, formlar veya bağlantılar için belirli CSS sınıf adlarını veya Öğe Kimliklerini bulun.
- Etkinlik Adlarını Tanımlayın: Raporlama yapınızla uyumlu generate_lead veya select_content gibi standart veya özel etkinlik adlarını seçin.
- JSON Tetikleyicileri Oluşturun: Seçilen öğe seçicisini kullanarak triggers bloğu içinde özel bir giriş ekleyin.
- Etkinlik Parametrelerini İletin: button_location veya form_id gibi özel öznitelikleri tetikleyici değişken bloğu altına dahil edin.
- Etkinlik Tetiklemeyi Test Edin: Etkinliklerin yük verilerini doğru şekilde gönderdiğini doğrulamak için tarayıcı geliştirici araçlarındaki ağ isteklerini inceleyin.
AMP izlemede kullanılan yaygın özel etkinlik parametreleri nelerdir?
Etkinlikleri GA4’e gönderirken, bağlamsal meta verileri iletmek raporlama sırasında kullanıcı etkileşimlerini parçalara ayırmaya yardımcı olur. Standart parametreler sayfa başlığı, sayfa yolu ve bölüm kategorilerini içerir. AMP JSON yapılandırmalarında, ${title}, ${canonicalPath} veya ${documentReferrer} gibi yerleşik AMP değişken genişletmesini kullanarak dinamik değerleri çekebilirsiniz.
Özel etkinlikler için, her tetikleyici tanımı içindeki vars nesnesi altında özel parametreler iletebilirsiniz. Örneğin, bir video oynatma düğmesini izlemek video_title ve video_provider’ı özel anahtarlar olarak iletebilir. GA4, Google Analytics arayüzünde özel boyutlar olarak eşlendiğinde bu anahtarları kaydeder ve ekibinize özel JavaScript yürütme olmadan mobil etkileşim hakkında zengin bilgiler verir.
Alien Road GA4 analitiğini AMP’de nasıl uygular
Alien Road’da ekibimiz, müşteri projeleri için sistematik bir dağıtım iş akışı aracılığıyla özel analitik izlemeyi AMP şablonlarına entegre eder. Tipik bir etkileşimde, gerekli etkinlik boyutlarını doğrudan AMP JSON şemalarıyla eşlemek için mevcut masaüstü etiket yapılandırmalarını denetleyerek başlarız. Bu, raporlama tutarsızlıkları yaratmadan temel metriklerin standart duyarlı sayfalar ve mobil AMP varyantları arasında eşleşmesini sağlar.
Uygulama aşamasında, iletişim formu gönderimleri, telefon bağlantısı dokunuşları ve giden tıklamalar dahil olmak üzere kritik dönüşüm kilometre taşlarını yakalayan özel JSON şablonları oluşturuyoruz. Yüksek hızlı kullanıcı yolculuklarında veri kaybını önlemek için taşıma işareti parametrelerini uyguluyoruz. Yayınlandıktan sonra teknik ekibimiz, etkinliklerin değişen ağ koşullarında tahmin edilebilir şekilde tetiklendiğinden emin olmak için canlı mobil tarayıcılar ve AMP önbellek URL’leri üzerinde doğrulama yapar.
Son olarak, gelen özel etkinliklerin standart keşif raporlarını doğru şekilde doldurduğunu doğrulamak için GA4 içinde gerçek zamanlı izleme panoları kuruyoruz. Katı şema doğrulama rutinlerini sürdürerek, müşteri mühendislik ekipleri site şablonlarını güncellediğinde veya zamanla yeni pazarlama kampanyaları başlattığında izleme gerilemelerini önlüyoruz.
Google Search, AMP sayfalarını diğer web sayfaları gibi indeksler ve sayfayı oluşturmak için kullanılan teknolojiden bağımsız olarak tüm sayfalara aynı standardı uygular.
Google Search Central
AMP doğrulama araçlarında özel GA4 etkinlikleri nasıl doğrulanır ve hata ayıklanır?
Analitik yapılandırmanızı doğrulamak, AMP sayfalarını üretime almadan önce kritik bir adımdır. <amp-analytics> bloğu içindeki geçersiz JSON sözdizimi bileşeni bozar ve izleme isteklerinin tetiklenmesini tamamen engeller. Ayrıca, sözdizimi hataları sayfanın AMP doğrulamasından geçmemesine neden olur, bu da sayfayı Google AMP Önbelleği dağıtımından kaldırabilir.
Sorunları gidermek için yerel AMP sayfası URL’nize #development=1 ekleyin ve tarayıcı geliştirici araçlarını açın. Tarayıcı konsolu, amp-analytics uzantısının yüklenip yüklenmediğini gösteren ve değerlendirilen her tetikleyiciyi listeleyen ayrıntılı AMP çalışma zamanı günlük girişlerini görüntüler. Ayrıca google-analytics.com/g/collect adresine yönlendirilen giden ağ çağrılarını izlemek ve etkinlik adı için en ve etkinlik parametreleri için ep.* gibi parametreleri incelemek için Ağ sekmesini kontrol edebilirsiniz.
Bu hafta mobil ölçümünüze nereden başlamalısınız
Optimizasyon çalışmanıza tarayıcı geliştirici araçlarını kullanarak en iyi performans gösteren mobil AMP sayfalarınızı denetleyerek başlayın. <script async custom-element=”amp-analytics” src=”https://cdn.ampproject.org/v0/amp-analytics-0.1.js”></script> bağımlılığının belge başlığına düzgün bir şekilde dahil edildiğinden ve mevcut ga_measurement_id değerinizin aktif GA4 mülkünüzle eşleştiğinden emin olun.
Ardından, sitenizdeki birincil dönüşüm düğmesi gibi önemli bir kullanıcı eylemi seçin ve JSON yapılandırmanıza basit bir tıklama tetikleyicisi ekleyin. Değişikliği bir test ortamına dağıtın, eylemi manuel olarak tetikleyin ve etkinlik teslimini doğrulamak için GA4 DebugView’u kontrol edin. Doğrulandıktan sonra, JSON işaretlemesini şablon kitaplığınızdaki kalan iş hedeflerini kapsayacak şekilde genişletin.