Google Analytics Ecommerce Etkinlikleri

Kısa bir hatırlatma yapmak gerekirse, etkinliklerle bir web sayfası veya ekran yüklemesinden bağımsız olarak izlenebilen içerikle olan kullanıcı etkileşimlerini Google Analytics üzerinden takip edebilmekteyiz.

Bu etkinlikler link tıklamaları, form göndermeleri, dosya indirmeleri, mobil reklam tıklamaları, yerleştirilmiş AJAX öğeleri ve video oynatımları gibi pek çok eylemi barındırabilirler.

Şimdiye kadar Google Analytics ve Google Ads ID’lerini web sayfalarımızla ilişkilendirmemize ve elde ettiğimiz verileri çeşitli amaçlarla kullanmamızı sağlayan Global Site Etiketi (Global Site Tag / GTAG) ile ilgili pek çok yazı yayınlayarak karşılaşılabilecek durumlar ve sorunlara dair notlar aktarmaya çalıştım. Bu yazıları şu şekilde bir liste haline getirebiliriz;

• Global Site Etiketi (gtag.js) Nedir?
• Global Site Tag (gtag.js) Etkinlik İşlemleri
• Global Site Tag (gtag.js) Etkinlikleri
• Google Ads – GTM ve GTAG Event ve Dönüşüm İşlemleri
• Google Tag Manager / Google Analytics Video Etkinlikleri

Yukarıdaki yazılarda genel olarak etkinliklerin kullanımına dair örnekler ve ek notlar yer almakta[^1]. Bu yazıda ise örnekleri biraz daha genişletmek ve karşılaşılabilecek durumlara dair ek açıklamalar paylaşmak istiyorum. Öncelikle event kullanımını bir örnek üzerinden tekrarlayalım;

function onclickCallback(e) {
  var e = window.e || e;
  if ( (e.target.tagName !== 'A') || (e.target.host == window.location.host) ) return;
  outboundLinkClick(e.target); // GA event tracker
}
if (document.addEventListener) { document.addEventListener('click', onclickCallback, false); }
else { document.attachEvent('onclick', onclickCallback); }

jQuery(document).ready(function($) {
  $('a[href^="http"]:not([href*="//' + location.host + '"])').on('click', function(e) {
    outboundLinkClick($(this).attr("href")); return true;
  });
});

document.addEventListener('load', function(){
  Array.from(document.querySelectorAll('a[href^="http"]:not([href*="//' + location.host + '"])')).forEach(function(e) {
    outboundLinkClick(this.attr("href")); return true;
  });
});

var outboundLinkClick = function(url) {
  // UA
  gtag('event', 'click', {
    'event_category': 'outbound',
    'event_label': url,
    'transport_type': 'beacon',
    'event_callback': function(){
      document.location = url;
    }
  });
}

Etkinlik anatomisini hatırlayacak olursak; bir etkinlikte yukarıdaki örneklerde de açık bir şekilde görüldüğü üzere kategori, işlem, etiket ve değer bileşenleri bulunur ve bir etkinlik isabeti her bileşene ait bir değer içerir. Etiket ve Değer bileşenleri isteğe bağlı alanladır.