Global Site Etiketi (gtag.js) Nedir?

Kullanıcı verileri, etkinlik ve çerez erişimleri için yayına aldığı, ilk aşamada Google Analytics ve Google Ads ile başlayan global site etiketi de bu değişimin örneklerinden biri. Ardından geliştirmelerle daha efektif hale getirilen Google Tag Manager ise sürecin merkezinde yer almakta. Son değişiklikle beraber Google Analytics ve Google Ads kurulumları googletagmanager.com üzerinden global site etiketi yani gtag.js ile gerçekleştirilmekte. İlerileyen zaman içerisinde global site etiketi ile ilgili daha detaylı bilgilendirmelerde bulunacağım. Bu yazıda öncelikle global site etiketi (gtag.js)‘ne kısa bir göz atalım.

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.

Global Site Etiketi, GTAG (gtag.js)

Belirttiğim gibi bir süredir google servislerinde düzenlemeler gerçekleştirilmekte. Bunlardan ilki web sitesi dönüşüm izleme etiketindeki değişiklikler oldu. Çok zamandır söz konusu olan hatalar ve detaylı geliştirme istekleri neticesini verdi ve global site etiketi ile merkezi bir yapı oluşturuldu. Ekim 2017 itibariyle Ads ve Analytics tarafında başta global bir etiketle her sayfa aynı etiket bünyesinde değerlendirilebilir kılındı. Site genelinde dağıtılması gereken bir global site etiketi ve etkinlik snippet’i ile dönüşümlerin izlenmesi ve servisler arasında daha tutarlı bir şekilde dağıtılması mümkün olmakta¹.

Bu değişimden Ads bildirimi olan Web sitesi dönüşüm etiketinizi güncelleyin ile haberdar olmuş olmanız muhtemel. Almış olduğunuz bildirimin detayları da şu şekilde; "Kullandığınız “yalnızca piksel” dönüşüm etiketi, dönüşümleri bazı tarayıcılarda ölçmüyor. Web sitenizdeki dönüşümlerin doğru bir biçimde ölçülmesini sağlamak için yeni Ads deneyimindeki yeni web sitesi dönüşüm etiketini kullanmaya başlayın"², değil mi? Bildirim çok ciddi bir değişimin habercisiymiş gibi görünebilir. En azından şimdilik panik olmaya gerek yok. Eğer Google Tag Manager üzerinden kurulumlar yapmışsanız zaten bu bildirimi almamış olmanız da muhtemel. Bu aşamada herhangi bir değişikliğe de gitmenize gerek yok (istisna olarak GTM Dönüşüm Bağlayıcı kurulumundan da bahsedeceğim) diyebiliriz. Esasında bu bildirim ilerleyen süreçte muhtemel görünen geliştirmeler için de ön hazırlık yapmanız adına değerlendirilebilir. Önerim hazır kodlarda güncelleme yapmak gerekiyorken bu güncellemeyi kurulumları Google Tag Manager üzerinden gerçekleştirmeniz. Böylelikle süreci daha yakından takip edebilir ve daha az sorun yaşarsınız. Peki, Ekim itibariyle başta eski dönüşüm izleme etiketinin yerini alacak olan global site etiketini ve etkinlik snippet’ini nasıl doğru bir şekilde uygulayacağız?³

GTAG (gtag.js) Kullanımı

GTAG, dönüşümlerinizi izlemek için global site etiketi ve etkinlik snippet’inden oluşuyor. Etkinlik snippet’i gtag(‘event’), '[parametreler]', global site etiketine dönüşümün/etkinliğin nasıl ve ne zaman izleneceğini bildirir.

Global Site Etiketi: Servis Tanımlama

Google Analytics ve Google Tag Manager kurulumlarından aşina olduğumuz üzere, global site etiketi de tüm sayfalarda çalışacak şekilde yerleştirilmelidir⁴. Google Ads Remarketing kodunu genelde tüm sayfalarda çalışacak şekilde kurgular, dönüşüm kodunu ise buton tıklama, sayfa görüntüleme, video izleme, içerik paylaşma ve benzeri spesifik durumlarda (gtag(‘event’, eventName, eventParameters);) çağırırken yeni yapıda sadece etkinlik snippet’i içerisinde dönüşüm parametresi tanımlamamız yeterli olmakta. Segment kullandıysanız kullanım biçimlerinin benzerlik taşıdığını görebilirsiniz. Her sayfada uygulanan bu ortak yapı sayesinde Analytics ve Ads tanımlamalarında sadece config parametresi üzerinden ID tanımlamanız yeterli olacaktır.

Tüm işlemlerde ve sayfalarda gtag.js javascript dosya yolunun ekli olduğundan emin olmalısınız.

<script async src=”https://www.googletagmanager.com/gtag/js?id=UA|AW-ID”></script>

gtag('config', 'UA-12345678-9');
gtag('config', 'AW-123456789');

Global site etiketinin Google Ads ve Google Analytics ayrı kullanım örnekleri aşağıda verilmiştir.

Global Site Etiketi: Google Ads

window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments)};
gtag('js', new Date());

gtag('config', 'AW-123456789');

Global Site Etiketi: Google Analytics

window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'UA-12345678-9');

Gördüğünüz üzere global site etiketi config parametresindeki ID değerlerine kadar aynı yapıyı barındırmaktadır. Ortak etiket kullanımında ise https://www.googletagmanager.com/gtag/js için id tanımlamasının Google Analytics hesabındaki mülk ID’si üzerinden yapılması yeterli olacaktır. Önemli olan etkinlik snippet’i olarak servis tanımlamalarının yapılmış olmasıdır.

Etkinlik Snippet’i

Aşağıdaki etkinlik snippet’i Google Ads ile ilişkili olarak doğrudan dönüşüm sayfasına ve/veya işlemine yerleştirilmelidir. Bu işlem pageview, pageload, button click, scroll position vb. herhangi bir durumla ilişkilendirilebilir. Önemli olan global site etiketi sonrasında yerleştirilmiş olmasıdır. PageView üzerinden (örneğin teşekkür sayfası) işleyecek etkinlik snippet’inin bir örneği aşağıda verilmiştir:

gtag('event', 'conversion', {
    'send_to': 'AW-123456789/AbC-D_efG-h12_34-567',
    'value': 1.0,
    'currency': 'TRY'
  });

Ek iki örnek etkinlik için Google Analytics pageview ve video etkileşim etkinliklerine bakalım;

gtag('config', 'UA-12345678-9', {
    'page_title': 'homepage',
    'page_location': 'https://domain.com/home',
    'page_path': '/home'
  });

  gtag('event', 'video_play', {
    'video_title': 'My promotional video',
    'duration': '01:32',
    'non_interaction': true
  });

Mevcut Bir Global Site Etiketini Ortak Kullanma

Artık, kullanıcılar/ziyaretçiler tarafından görüntülenen tüm sayfalara global site etiketinin eklenmiş olduğundan eminiz. Dönüşüm işlemleri için de planlamamıza uygun olarak pageview, button click vb. dönüşüm kabul edilecek işlemleri belirledik. Bu aşamada tekrar global site etkieti yerine sadece Ads ID değerini config parametresi olarak eklememiz yeterli olacaktır. Ads hesabınız ya da GA4 mülkünüz için aşağıdaki örnekte vurgulanan satırda yapılan eklemeleri görebilirsiniz. Bu sayede, tek bir kurulum üzerinden global site etiket desteğine sahip farklı Google servislerinin bir arada işleme alınmasını sağlayabilirsiniz.

window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments)};
  gtag('js', new Date());

  gtag('config', 'UA-12345678-9');
  gtag('config', 'G-123456789');
  gtag('config', 'AW-123456789');

Bu arada, aynı global snippet’i birden fazla Ads veya Google Analytics hesabı için de kullanabilmektesiniz. Etiketinizin desteklemesini istediğiniz her bir ek Ads veya Google Analytics hesabı için, hesap kimliğini içeren yeni bir “config” komutu eklemeniz hesaplarla ilişkilendirmeler için yeterlidir.

analytics.js İle gtag.js Farklılıkları

gtag.js yapısal olarak daha pratik ve işlevsel bir kullanım imkanı sunmakta⁵. Diğer yandan analytics.js işlemlerine göre daha hızlı veri iletimi gerçekleştirmekte⁶. Ancak, asıl önemli iyileştirme verilerin diğer servisler arasında kolaylıkla değerlendirilebilmesi. Google Analytics ve Google Ads her ne kadar farklı dönüşüm tanımlamalarına sahip olsalar da ortak bir kod üzerinden işliyor oluşları kod temelli aksamaların önüne geçilmesini mümkün kılmakta ve daha doğru bir dönüşüm takibi sunmakta. Global site etiketinin (GTAG) sunduğu etkinlik işlemlerine dair ilerleyen zaman içerisinde çok daha detaylı (ecommerce yapısında da değişimler söz konusu) paylaşımlarda bulunacağım⁷.