google-analytics-4

E-ticaret Siteleri İçin Google Analytics 4 Kurulumu

E-Ticaret Siteleri İçin GA4 Kurulumu

Universal Analytics’e veda edeceğimiz gün yaklaştıkça dijital pazarlamada GA4 kurulumlarında geç kalanları aldı bir telaş. UA’dan GA4’e geçiş birkaç basit adımda gerçekleşse de, iş e-ticaret dönüşümlerine gelince hem Türkçe kaynak bulunamaması hem de Google kütüphanesinin de konuyu karmaşık bir şekilde ele alması (bu gayet doğal çünkü karmaşık bir konu) bu geçişi sancılı bir hale getiriyor.

 

Bu yazıda UA’dan GA4’e geçildikten sonra karşılaşılan ve bir türlü internette çözümü bulunamayan; event’ların, script’lerin, data layer’ların içinde boğulmadan GTM ile nasıl çözüm üretilebileceğini anlatacağım.

 

Öncelikle her alt yapının success page data layer yapısı birbirinden farklı olsa da GTM ile bunları Google göstermenin bir yolu var. Eğer yaygın kullanımı olan bir alt yapı değil de özgün bir kod yapısına sahip bir alt yapınız var ise bu süreçte mutlaka yazılımcınızdan destek almanız gerekmektedir.

Data Layer Nedir Nasıl Okunur?

Aşağıda vermiş olduğum data layer örneği Ticimax alt yapısına sahip bir web sitesinden alınmıştır.

Data Layer GTM’in bir sayfadaki sinyallerin aktarırken oluşturduğu veri tablosudur. Bu tablo içerisinde bizim e-ticaret dönüşümü için kullanacağımız değerler transaction, currencyCode, revenue, product id, name, category, quantity gibi verilerdir.

 

Event oluşturuken e-ticaret ayarlarını almak istediğimizi belirttiğimizde ürün bilgileri GA4 yapılandırması ile otomatik olarak GA4’e yansımaktadır. Ancak dönüşüm değeri bu şekilde otomatik olarak yansımamaktadır maalesef. Burada purchase satırı altındaki actionField altındaki revenue değeri bizim e-ticaret dönüşüm değeri olarak GA4’e ileteceğimiz değerdir. Bunu GA4’e aktarabilmemiz için GTM içerisinde birkaç farklı işlem daha yapmamız gerekmektedir.

data-layer

GTM Tarafında Yapılması Gereken İşlemler

GTM kullanımının ve kurulumunun bilindiğini farz ederek atılması gereken adımları anlatmaya başlayalım.

  • Öncelikle data Layer içerisinden verileri çekeceğimiz değişkenleri kuralım. Öncelikle etiket yöneticisinde sol panelden “değişkenler”e tıklayalım. Açılan sayfada yerleşik değişkenlerin altında, kullanıcı tanımlı değişkenler alanına gelelim. Burada sağ köşedeki Yeni butonuna tıklayalım. Açılan pencerede öncelikle değişkenimizin ismini “Value” şeklinde belirleyelim. Ardından değişken yapılandırması alanına tıklayarak “Veri Katmanı Değişkeni”ni seçelim. Burada “Veri Katmanı Değişken Adı” kısmına “value” yazalım. Veri katmanı sürümü Sürüm 2 olarak kalabilir. Ardından kaydet diyelim.

 

Burada dataLayer içinden almak istedimiz dinamik veriyi gösterdik.

 

  • Şimdide bir diğer değişkenimiz olan Özel JavaScript’i ekleyelim. Yeni butonuna tıkladıktan sonra değişken adını “eCommerce” olarak belirleyelim. Ardından değişken yapılandırması alanına tıklayarak “Özel JavaScript”i seçelim. Özel kod alanına aşağıdaki kodu yapıştıralım. Ardından kaydet diyelim.

function() {

  return {

    ‘ecommerce’: {

       currencyCode: “TRY”,

      ‘purchase’: {

        ‘actionField’: {

          ‘id’: ‘TRANSACTION_ID’, // Satın alma işlem kimliğini burada tanımlayın

          ‘affiliation’: ‘Affiliation’,

          ‘revenue’: ‘TOTAL_REVENUE’, // Toplam geliri burada tanımlayın

          ‘tax’: ‘TAX’,

          ‘shipping’: ‘SHIPPING’,

          ‘coupon’: ‘COUPON_CODE’

        },

        ‘products’: [{

          ‘id’: ‘PRODUCT_ID’,

          ‘name’: ‘PRODUCT_NAME’,

          ‘brand’: ‘BRAND’,

          ‘category’: ‘CATEGORY’,

          ‘price’: ‘PRICE’,

          ‘variant’: ‘VARIANT’,

          ‘quantity’: ‘QUANTITY’

       }]

      }

    }

  }

}

 

  • Şimdi etiket yöneticisinde sol panelden “Tetikleyiciler”e tıklayalım. Etiketimizin hangi koşulda tetikleneceğini belirleyeceğiz. Yeni butonuna tıklayalım. Tetikleyici adı olarak “Özel Etkinlik – eCommerce” yazalım. Tetikleyici Yapılandırması için “Özel Etkinlik”i seçelim. Etkinlik adı hücresine “purchase” yazıp yandaki “Normal İfade Eşlemeyi Kullan” kutucuğunu tikleyelim. Bazı Özel Etkinlikler’i işaretleyip, sırasıyla Page URLşunu içerirsuccess page urlniz olarak düzenleyelim. Tetikleyicinin son hali görseldeki gibi olacaktır. Ardından kaydet diyelim.
ozel-etkinlik
  • İkinci tetikleyicimiz için yine yeni butonuna tıklayalım. Tetikleyici adı olarak “GA4_Sipariş Tamamlandı” yazalım. Tetikleyici Yapılandırması için “Sayfa Görüntüleme – Pencere Yüklendi”yi seçelim. Bazı Pencere Yüklendi Etkinliklerini seçelim ve yine sırasıyla Page URLşunu içerirsuccess page urlniz olarak düzenleyelim. Tetikleyicinin son hali görseldeki gibi olacaktır. Ardından kaydet diyelim.
  • Sıra geldi etiketimizi oluşturmaya. Öncelikle GA4 için bir yapılandırma etiketi oluşturmuş olmanız gerekmektedir. Kısaca buna değinmek gerekirse, Etiketler alanında yeni etiket ekle butonuna tıklıyoruz. Etiketin adını GA4 – Yapılandırma Etiketi olarak belirliyoruz. Ardından Etiket yapılandırmasına tıklayarak etiket türünü “Google Analytics: GA4 Yapılandırması” olarak seçiyoruz. Ölçüm kimliği alanına GA4 ölçüm kimliğini yazıyoruz. Ardından tetikleyici olarak Sayfa Görüntüleme – All Pages veya Initialization – All Pages seçiyoruz ve kaydediyoruz.

 

  • Yapılandırma etiketini de belirledikten sonra son olarak purchase etkinliği için bir etkinlik etiketi belirlemek gerekiyor. Başlamadan önce web sitenizde ölçmek istediğiniz tüm etkinlikler için ayrı ayrı etkinlik etiketi oluşturmanız gerektiğini unutmayın.
  • Purchase etkinlik etiketini oluşturmak için etiketler alanında yeni butonuna tıklıyoruz. Etkinlik adını GA4 – Etkinlik Purchase olarak belirliyoruz. Etiket yapılandırmasını “Google Analytics: GA4 Etkinliği” seçiyoruz. Yapılandırma etiketi olarak biraz önce oluşturmuş olduğumuz GA4 – Yapılandırma Etiketi’ni seçiyoruz. Etkinlik Adı olarak purchase yazıyoruz. Etkinlik parametreleri alanında ise parametre adını yine purchase olarak belirliyoruz. Değer belirlemek için kutucuğun sağında ki ekle butonuna basıp {{value}} değerini seçiyoruz. Diğer ayarlarda e-ticaret verilerini gönder’i tikliyoruz ve veri kaynağını “Data Layer” olarak belirliyoruz. Son olarak tetikleyici olarak, daha önce hazırlamış olduğumuz GA4_Sipariş Tamamlandı(Pencere Yüklendi) ve Özel Etkinlik – eCommerce (Özel Etkinlik) seçiyoruz. Dilerseniz ölçüm tetiklemesini garatilemek için Sipariş Tamamlandı (Sayfa Görüntüleme) tetikleyicisi de oluşturup, bu oluşturduğunuz tetikleyici de etiketinize atayabilirsiniz. Son olarak kaydet diyoruz. Son olarak görseldeki gibi bir tablo oluşmuş olmalı.

 

  • Son olarakta Gönder diyoruz.

Tüm düzenlemeleri yukarıda anlatıldığı gibi yaptıysanız kontrolü sağlamanızın iki yolu var birincisi Gönder butonuna tıklamadan önce Önizleme butonuna tıklayarak deneme siparişi vermek ve etiketlerin ateşlenip ateşlenmediğini kontrol etmektir.

 

Ancak daha garanti bir yöntem olarak GA4’ün bize sunduğu bir yeniliği kullanabiliriz. Bu yeniliğin adı DebugView. DebugView için GA4’ümüze gidiyoruz. Ardından yöneticiye tıklıyoruz. Burada Mülk sekmesi içerisinde ürün bağlantılarının hemen üzerinde DebugView’i görebilirsiniz. Bu özellik bize son 30 dakika içerisinde olan tüm işlemleri ve bu işlemlerin detaylarını göstermektedir. Fakat bu özelliği kullanmak için bir Chrome eklentisi yüklemeniz gerekmektedir.

 

Tüm bu işlerle uğraşmak istemiyorsanız eğer uzman kadrosu ile Adwise Ajansa ulaşmakta gecikmeyin. Bizi arayın görüşelim, neler yapabileceğimize birlikte karar verelim.