Google Analytics Sanal Sayfa İşlemleri

Özellikle, sürekli gözümüzün önünde olan olan araçlar, ifadeler veya hesaplamalar bir süre sonra biz farkında olmadan bakış açımızı daraltı kendi bağımlılıklarını yaratabiliyor.

Temmuz 2023 itibariyle Universal Analytics (UA) yerini Google Analytics 4 (GA4) mülk biçimine bırakıyor. Bu tarihten sonra UA mülkleri yeni verileri işleyemeyecekler. Tahminen yıl sonu gibi de artık erişilmez hale gelecekler. Mülk biçimleri arasındaki farklılıklar ve diğer işlemler için Universal Analytics (UA) Yerine Google Analytics 4 (GA4) başlıklı yazımı okuyabilir ve teknik destek talebinde bulunabilirsiniz.

Elbette bu durumda elde ettiğimiz sonuçlara mutlak doğru gözüyle bakabiliyoruz. Google Analytics temelinde aldığım soruların notlarına göz attığımda formüller ve metriklere dair epey bir soru biriktiğini fark ettim. Öncelikle, sayfa (Davranış > Site İçeriği > Tüm Sayfalar) temelinde çeşitli konulara değineceğim. Google Analytics ile ilgili yazı serisinin devamındaki ilk konumuz sanal sayfa görüntüleme (virtual pageview). Benzer bir işlemi Hotjar için anlatmıştım. Alternatif olarak etkinlik (event) kullanımı (özellikle Google Tag Manager ile ilişkili olarak) da ele alınabilir elbette.

Virtual Pageview

Sayfa görüntüleme (page views), web sitenizdeki veya uygulamadaki (bkz. Single Page Applications) belirli bir sayfa/ekran için sahip olduğumuz görüntüleme sayısı metriğidir ve Google Analytics kurulumunda ön tanımlı olarak işleme alınır¹. Elbette gtag.js ve analytics.js için teknik farklılıklar söz konusu olacaktır. analytics.js için snippet şu şekilde idi:

<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXX-Y"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'UA-XXXXX-Y');
</script>

Google Analytics Virtual Pageview Kullanımı

Web sitesi temelinde baktığımızda, sayfalar genellikle bir HTML belgesine karşılık gelirler. Ancak, kimi durumda dinamik olarak içeriklere müdahale etmemiz gerekir. Örneğin, modal, popover, slider, onepage checkout process, tab, js/ajax form submit gibi kullanımlarda ve Hedef (Goal) oluşturma aşamalarında da içerikleri işleyebilmekteyiz. Ancak URL path değişikliği olmadığı için Google Analytics bu işlemleri sayfa görüntüleme olarak algılamayacaktır². İşte, bu aşamada, normalde var olmayan ancak dinamik olarak görüntülenen içerikler için sanal sayfa görüntüleme (virtual pageview) özelliğinden faydalanırız. analytics.js yukarıdaki kurulum kodlarında da görüldüğü üzere, pageview etkinliğini kod içerisinde işlenmekte. gtag.js için ise herhangi bir ek tanım gerekmemekte³. Her iki durumda da JavaScript etiketi bir izleyici nesne (tracker object) oluşturur ve bunu Google Analytics’e sayfa görüntüleme (hitType: 'pageview') olarak iletir. İletilen veri tarayıcı üzerinden derlenmektedir; Başlık alanı için document.title ve sayfa yolu için document.location sayfa için derlenen öncelikli alanlardır. Aşağıdaki kodlarda ga() analytics.js, gtag() ise global site etiketi kurulumlarını ifade etmektedir⁴.

ga('send', 'pageview', [page], [fieldsObject]);
gtag('config', 'GA_MEASUREMENT_ID', {<pageview_parameters>});

Sanal sayfa görüntüleme işlemi için hitType tanımını yeniden ele alırız ve ilgili etkinlik gerçekleştirildiğinde (form gönderimi, modal görüntüleme vb.) ilgili olayı Google Analytics‘e iletiriz.

ga('send', 'pageview', location.pathname);
ga('send', {
  hitType: 'pageview',
  page: location.pathname,
  title: 'Sayfa Başlığı' // opsiyonel
});

gtag('config', 'UA-XXXXX-Y', // ya da G-XXXXXXXXXX
{
  'page_title' : 'Sayfa Başlığı', // opsiyonel
  'page_location': 'http://foo.com/your-custom/'+location.pathname, // opsiyonel
  'page_path': location.pathname // opsiyonel
});

// GA4 Screen
gtag('event', 'screen_view', {
  'app_name': 'myAppName',
  'screen_name': 'Home'
});

SPA kullanımında, uygulama içeriği dinamik olarak yüklediğinde ve adres çubuğundaki URL’yi güncellediğinde, izleyicide (tracker) depolanan verilerin de güncellenmesi gerekir. Bu güncelleme işlemi için set komutunu kullanarak yeni sayfa değerini (page value olarak) iletiriz⁵ ⁶ ⁷.

// analytics.js
ga('set', 'page', '/new-page.html');

Yeni sayfa değerini (new page value) tanımlamamızın ardından, gönderilen tüm sonraki isabetler bu yeni değeri kullanacaktır. Bir sayfa görüntüleme (pageview) kaydetmek için izleyiciyi güncellenmesinin hemen ardından sayfa görüntüleme isabeti (pageview hit) gönderilmelidir.

// analytics.js
ga('send', 'pageview');

Özetlemek gerekirse, bir sanal sayfa görüntüleme işleminde işlenecek kod şu şekilde olacaktır.

// analytics.js
ga('set', 'page', '/new-page.html');
ga('send', 'pageview');

Bu işlemi bir bağlantı tıklaması ile de gerçekleştirebiliriz.

<a href="[dosya-yolu].pdf" onClick="ga('send’, 'pageview', '[dosya-yolu].pdf');">Download PDF File</a>

gtag.js için ise bu işlem app/screen measurement başlığı altında ele alınmaktadır.

// gtag.js Screen View
gtag('event', 'screen_view', {
  'app_name': 'myAppName',
  'screen_name' : 'Home'
});

Google Analytics Sanal Sayfa İşlemleri

Sayfa İçi Etkileşimlerin Virtual Pageview Olarak İşlenmesi

Virtual Pageview

Google Analytics Virtual Pageview Kullanımı

İleri Okumalar