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

Modern Web Mimarilerinde E-Ticaret Takibi

Doğru veri akışı, e-ticaret operasyonlarının temelidir. Modern web trendleri ve dijital ajans analiz standartları, istemci taraflı basit sayfa görüntüleme ölçümlerinin ötesine geçmiştir. Google Analytics 4 (GA4) ve Google Tag Manager (GTM) ikilisi, kullanıcı etkileşimlerini olay (event) bazlı model ile takip eder.

1. dataLayer (Veri Katmanı) Mimarisi

GA4 e-ticaret şemasını karşılamak için sitede global dataLayer nesnesi oluşturulmalıdır. Her etkileşimde ilgili nesne diziye gönderilir (push edilir).

Kritik GA4 E-Ticaret Olayları:

• view_item_list: Ürün liste görüntüleme
• select_item: Listeden ürün tıklama
• view_item: Ürün detay görüntüleme
• add_to_cart: Sepete ekleme
• remove_from_cart: Sepetten çıkarma
• begin_checkout: Ödeme adımına geçiş
• purchase: Satın alma tamamlanması

Örnek Kod: purchase Olayı

window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
  event: 'purchase',
  ecommerce: {
    transaction_id: 'TR_98231',
    value: 1250.00,
    tax: 250.00,
    shipping: 50.00,
    currency: 'TRY',
    items: [{
      item_id: 'SKU_12345',
      item_name: 'Kablosuz Kulaklık',
      item_category: 'Elektronik',
      price: 950.00,
      quantity: 1
    }]
  }
});

2. GTM Tetikleyici (Trigger) ve Değişken Kurulumu

Özel Olay Tetikleyicisi (Custom Event Trigger)

GTM paneli üzerinde dataLayer içindeki olayları yakalayacak tetikleyici oluşturulur:

• Tetikleyici Türü: Özel Etkinlik (Custom Event)
• Etkinlik Adı: view_item|add_to_cart|purchase (Düzenli ifade / Regex eşleşmesi kullan)

Veri Katmanı Değişkenleri (Data Layer Variables)

Olay parametrelerini dinamik okumak için GTM değişkenleri tanımlanır:

• ecommerce.value → dl_ecommerce_value
• ecommerce.currency → dl_ecommerce_currency
• ecommerce.transaction_id → dl_ecommerce_transaction_id
• ecommerce.items → dl_ecommerce_items

3. GA4 Etiketlerinin (Tags) Yapılandırılması

GA4 E-Ticaret etiketleri yapılandırılırken 'E-ticaret verilerini gönder' seçeneği aktif edilir:

1. Yeni Etiket Oluştur: Etiket türü olarak Google Analytics: GA4 Etkinliği seçilir.
2. Ölçüm Kimliği: GA4 Ölçüm Kimliği (G-XXXXXXXXXX) girilir.
3. Etkinlik Adı: Değişken olarak {{Event}} atanır.
4. Gelişmiş Ayarlar: Diğer Parametreler > Ecommerce verilerini dahil et onay kutusu işaretlenir, kaynak olarak Data Layer seçilir.
5. Tetikleyici: Oluşturulan Regex Custom Event tetikleyicisi atanır.

4. Doğrulama ve Debug Adımları

GTM Preview Mode ve GA4 DebugView kullanılmadan canlıya kod alınmaz. Çift sayım veya eksik veri risklidir.

• GTM Preview Modu: Sayfada tetiklenen dataLayer push işlemlerini ve etiketlerin 'Fired' durumunu kontrol et.
• GA4 DebugView: Google Analytics paneli > Yönetici > DebugView sekmesinden gelen parametre tiplerini, para birimini ve item dizisini doğrula.
• Tarayıcı Konsolu: dataLayer yazarak nesne içeriğini ve sıralamayı doğrula.

5. Dijital Ajans ve İleri Düzey Stratejiler

Modern e-ticaret sitelerinde safari ITP kısıtlamalarını ve reklam engelleyicileri aşmak için Server-Side GTM trendleri uygulanır. Veri, istemci yerine Cloud Server (GCP/AWS) üzerinden GA4 ve Meta CAPI'ye aktarılır. Bu yöntem veri kaybını minimize eder, sayfa yükleme hızını artırır.