GTM ve GA4 İleri Düzey E-Ticaret Takibi Kurulum Rehberi

Modern Web Analitiğinde GA4 ve GTM Mimarisi

E-ticaret sitelerinde kullanıcı davranışlarını ölçmek standart sayfa görüntüleme etiketleriyle yetersiz kalır. Modern web standartlarında veri iletimi dataLayer nesnesi üzerinden asenkron yönetilir. Dijital ajans ve analitik ekiplerinin benimsediği güncel trendler, istemci taraflı (client-side) veri karmaşasını önlemek için standartlaştırılmış GA4 şemalarını zorunlu kılar.

Adım 1: dataLayer Nesnesini Başlatma ve Temel Olaylar

Tüm e-ticaret olayları GTM container kodundan önce tanımlanmış bir veri katmanına ihtiyaç duyar. Kod tabanınızda window.dataLayer dizisini başlatın.

1. Ürün Görüntüleme (view_item)

Kullanıcı ürün detay sayfasına girdiğinde tetiklenir:

window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
  event: 'view_item',
  ecommerce: {
    currency: 'TRY',
    value: 1499.90,
    items: [{
      item_id: 'SKU_12345',
      item_name: 'Koşu Ayakkabısı',
      item_brand: 'BrandX',
      item_category: 'Ayakkabı',
      price: 1499.90,
      quantity: 1
    }]
  }
});

2. Sepete Ekleme (add_to_cart)

Sepete ekle butonu tıklandığında dinamik tetiklenir:

window.dataLayer.push({
  event: 'add_to_cart',
  ecommerce: {
    currency: 'TRY',
    value: 1499.90,
    items: [{
      item_id: 'SKU_12345',
      item_name: 'Koşu Ayakkabısı',
      price: 1499.90,
      quantity: 1
    }]
  }
});

3. Satın Alma (purchase)

Sipariş onay sayfasında (Thank You page) bir kez tetiklenir. transaction_id benzersiz olmalıdır:

window.dataLayer.push({
  event: 'purchase',
  ecommerce: {
    transaction_id: 'ORD_98765',
    value: 1549.90,
    tax: 250.00,
    shipping: 50.00,
    currency: 'TRY',
    items: [{
      item_id: 'SKU_12345',
      item_name: 'Koşu Ayakkabısı',
      price: 1499.90,
      quantity: 1
    }]
  }
});

Adım 2: GTM Tetikleyicileri (Triggers) Yapılandırması

dataLayer üzerinde fırlatılan her olay için GTM üzerinde Özel Etkinlik (Custom Event) tetikleyicisi tanımlanmalıdır.

• Tetikleyici Türü: Özel Etkinlik (Custom Event)
• Etkinlik Adı: view_item|add_to_cart|begin_checkout|purchase (Regex eşleşmesi)
• Tetiklenme Yeri: Tüm Özel Etkinlikler

Adım 3: GA4 E-Ticaret Etiketinin Oluşturulması

Tek bir GA4 Event etiketi regex tetikleyicisi ile tüm e-ticaret hunisini yakalar:

• Etiket Türü: Google Analytics: GA4 Etkinliği
• Ölçüm Kimliği: G-XXXXXXXXXX (veya Google Tag Yapılandırma Sabiti)
• Etkinlik Adı: {{Event}} (GTM yerleşik değişkeni)
• Daha Fazla Ayar > E-Ticaret: E-ticaret verilerini gönder seçeneğini işaretleyin. Veri kaynağı: Data Layer.
• Tetikleyici: Adım 2'de oluşturulan Regex E-ticaret Tetikleyicisi.

Kritik Uyarı: purchase olaylarının mükerrer sayılmasını engellemek için işlem kimliğini (transaction_id) First-Party Cookie veya SessionStorage kontrolü ile bir kez tetiklenecek şekilde sınırlandırın.

Adım 4: DebugView ile Doğrulama ve Test

GTM Önizleme (Preview) modunu açın. İlgili e-ticaret aksiyonlarını gerçekleştirin. Google Analytics 4 paneline gidin:

1. Yönetici > DebugView sekmesini açın.
2. Gelen view_item, add_to_cart ve purchase olaylarını bulun.
3. items dizisinin ve value parametrelerinin doğru eşleştiğini teyit edin.
4. Hata yoksa GTM konteyner versiyonunu yayınlayın.

Yeni Trendler: Consent Mode v2 ve Server-Side Takip

Modern web ekosisteminde gizlilik regülasyonları istemci taraflı takibi kısıtlar. Başarılı bir dijital ajans kurulum mimarisi şu iki adımı içerir:

• Consent Mode v2: ad_user_data ve ad_personalization sinyallerini dataLayer öncesinde varsayılan olarak reddedildi (denied) şeklinde başlatın.
• Server-Side GTM (sGTM): Reklam engelleyicilerden (AdBlock) etkilenmemek ve veri güvenliğini artırmak için e-ticaret olaylarını birinci taraf (first-party) subdomain üzerinden sGTM kapsayıcısına yönlendirin.