Google Tag Manager ve GA4 ile İleri Düzey E-Ticaret Takibi Kurulum Rehberi
Modern web projelerinde Google Tag Manager ve GA4 kullanarak standart dataLayer mimarisi, satın alma döngüsü ve gelişmiş e-ticaret etkinliklerinin adım adım kurulum rehberi.
Sistem Yöneticisi
Kıdemli Yazılım Mimarı
Modern Web ve E-Ticaret Takip Standartları
Gelişmiş analitik kurulumu, veri odaklı büyüme hedefleyen her dijital ajans ve e-ticaret ekibi için zorunludur. Google Analytics 4 (GA4) e-ticaret modeli, Universal Analytics yapısından farklı olarak olay (event) tabanlı veri yapısına dayanır. Bu rehber, dataLayer entegrasyonundan GTM etiketlerine kadar adım adım kurulumu açıklar.
Adım 1: dataLayer Şemasını Hazırlama
Modern e-ticaret platformlarında veri akışını standartlaştırmak için GA4 dokümantasyonuna uygun dataLayer.push() nesneleri tetiklenmelidir. Temel satın alma (purchase) örneği:
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
event: 'purchase',
ecommerce: {
transaction_id: 'TR_10293',
value: 1250.00,
tax: 225.00,
shipping: 25.00,
currency: 'TRY',
items: [{
item_id: 'SKU_12345',
item_name: 'Premium Deri Ceket',
price: 1250.00,
quantity: 1
}]
}
});Adım 2: GTM Veri Katmanı Değişkenleri ve Tetikleyicileri Tanımlama
dataLayer üzerindeki verileri yakalamak için Google Tag Manager panelinde yapılandırma adımları:
- Özel Olay Tetikleyicisi (Trigger): Tetikleyici türü olarak 'Custom Event' seçin. Olay adı alanına regex kullanarak
^(view_item_list|view_item|select_item|add_to_cart|remove_from_cart|view_cart|begin_checkout|purchase)$tanımlayın. - Ecommerce Değişkeni: Veri Katmanı Değişkeni (Data Layer Variable) oluşturun, Değişken Adı:
ecommerce.
Adım 3: GA4 E-Ticaret Etiketini Yapılandırma
Tüm e-ticaret olaylarını tek bir dinamik etiket ile yönetin:
- GTM paneli > Etiketler > Yeni Etiket > Google Analytics: GA4 Olayı.
- Ölçüm Kimliği (Measurement ID): GA4 Yapılandırma etiketinizi veya Kimliğinizi girin.
- Etkinlik Adı:
{{Event}}yerleşik değişkenini atayın. - Daha Fazla Ayar > E-ticaret > E-ticaret verilerini gönder onay kutusunu işaretleyin ve Veri Kaynağı olarak 'Data Layer' seçin.
- Tetikleyici: Adım 2'de oluşturulan 'Custom Event - Ecommerce' tetikleyicisini bağlayın.
Kritik İpucu: dataLayer nesnesini sıfırlamadan ardışık olay göndermeyin. Her tetiklemeden önce dataLayer.push({ ecommerce: null }); çalıştırarak veri kirlenmesini önleyin.Adım 4: Test, DebugView ve Doğrulama
Kurulumu canlıya almadan önce doğrulama adımları:
- GTM üzerinde 'Preview' modunu açın ve Tag Assistant ile sitenizi bağlayın.
- Sepete ekleme ve satın alma adımlarını tamamlayın.
- GA4 > Yönetici > DebugView konsolunu açarak
purchaseveadd_to_cartolaylarının, para birimi ve ürün dizilerinin hatasız aktarıldığını teyit edin.