GTM ve GA4 İleri Düzey E-Ticaret Takibi Kurulum Rehberi
Google Tag Manager ve GA4 dataLayer entegrasyonuyla uçtan uca e-ticaret ölçümleme rehberi. Modern web trendlerine uygun etkinlik yapılandırması ve doğrulama adımları.
Sistem Yöneticisi
Kıdemli Yazılım Mimarı
Giriş: E-Ticaret Ölçümleme Mimarisi
Modern web uygulamalarında e-ticaret verisi toplamak için standart sayfa görüntüleme takibi yetersizdir. Google Analytics 4 (GA4), etkinlik (event) tabanlı veri modeli kullanır. Bu rehber; dataLayer mimarisini, GTM tetikleyicilerini ve GA4 etkinlik etiketlerini eksiksiz kurmayı hedefler.
Adım 1: GA4 Standart dataLayer Şemasını Uygulama
Ön uç (front-end) katmanında GA4 e-ticaret şemasına tam uyumlu nesneler window.dataLayer.push() ile tetiklenmelidir. Bir dijital ajans veya analitik ekibi için standart şema veri kaybını önler.
1.1. Ürün Görüntüleme (view_item)
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
event: 'view_item',
ecommerce: {
currency: 'TRY',
value: 1499.90,
items: [{
item_id: 'SKU_12345',
item_name: 'Kablosuz Kulaklık',
item_brand: 'TechBrand',
item_category: 'Elektronik',
price: 1499.90,
quantity: 1
}]
}
});1.2. Sepete Ekleme (add_to_cart)
window.dataLayer.push({
event: 'add_to_cart',
ecommerce: {
currency: 'TRY',
value: 1499.90,
items: [{
item_id: 'SKU_12345',
item_name: 'Kablosuz Kulaklık',
price: 1499.90,
quantity: 1
}]
}
});1.3. Satın Alma (purchase)
window.dataLayer.push({
event: 'purchase',
ecommerce: {
transaction_id: 'TRX_998811',
value: 1549.90,
tax: 50.00,
shipping: 0.00,
currency: 'TRY',
items: [{
item_id: 'SKU_12345',
item_name: 'Kablosuz Kulaklık',
price: 1499.90,
quantity: 1
}]
}
});Kritik Kural: Her dataLayer push öncesi önceki ecommerce nesnesini sıfırlayın: window.dataLayer.push({ ecommerce: null });. Nesne birikmesini ve yanlış veri aktarımını önler.Adım 2: GTM Değişkenleri ve Tetikleyicileri Tanımlama
2.1. Tetikleyici (Trigger) Yapılandırması
- Tetikleyici Türü: Özel Etkinlik (Custom Event)
- Etkinlik Adı:
view_item|add_to_cart|begin_checkout|purchase - Regex Eşleşmesi: İşaretli (Use regex matching)
2.2. GA4 E-Ticaret Etiketi Tanımlama
- Etiket Türü: Google Analytics: GA4 Etkinliği
- Ölçüm Kimliği: GA4 Measurement ID (örn.
G-XXXXXXXXXX) - Etkinlik Adı:
{{Event}}(Yerleşik Değişken) - Etkinlik Parametreleri > Diğer Ayarlar: E-ticaret Verilerini Gönder (Send Ecommerce data) seçeneğini işaretleyin. Kaynak: Veri Katmanı (Data Layer).
Adım 3: Test ve Doğrulama
- GTM Önizleme Modu: Tag Assistant ile siteyi bağlayın. dataLayer mesajlarının ve API çağrılarının tetiklendiğini doğrulayın.
- GA4 DebugView: Google Analytics > Yönetici > DebugView ekranını açın.
purchaseveadd_to_cartolaylarının,itemsdizisi vevalueparametreleriyle geldiğini denetleyin.
Modern Web ve Analitik Trendleri
İstemci taraflı (client-side) veri toplama; ad-blocker eklentileri ve ITP kısıtlamaları nedeniyle veri kaybına uğrar. Dijital ajans standartlarında güncel trend, GTM Server-Side mimarisine geçerek First-Party Context üzerinden veri göndermektir.