Rehber
2025
Google Tag Manager Nedir? 2025 Kurulum, Olay İzleme ve GA4 Entegrasyonu (Adım Adım)
Google Tag Manager (GTM), sitedeki etiketleri (GA4, Google Ads, Hotjar vb.) tek panelden yönetmenizi sağlar.
Bu rehberde kurulum, tetikleyiciler, değişkenler, dataLayer,
GA4 olayları, Consent Mode v2 ve test & debug süreçlerini uçtan uca anlatıyoruz.
- Tek Panel: Kod göndermeden etiket yönetimi, versiyonlama ve geri alma.
- Doğru Ölçüm: GA4 & Google Ads dönüşümleri için sağlam veri temeli.
- Uyumluluk: Consent Mode v2, cookieless ölçüm ve A/B test akışları.
İçindekiler
- 1) GTM Nedir, Nasıl Çalışır?
- 2) Ön Koşullar & Kurulum Planı
- 3) GTM Kurulumu (Container + Snippet)
- 4) Etiketler (GA4, HTML, Consent)
- 5) Tetikleyiciler (Pageview, Click, Form)
- 6) Değişkenler & Data Layer
- 7) GA4 Olayları: Purchase, Lead, AddToCart
- 8) Consent Mode v2 (Google Ads & GA4)
- 9) Test, Önizleme & DebugView
- 10) Raporlama & UTM Standardı
- 11) Hızlı Kontrol Listesi
- 12) SSS
1) GTM Nedir, Nasıl Çalışır?
Google Tag Manager; Etiket (Tag), Tetikleyici (Trigger) ve Değişken (Variable) katmanlarıyla
kod yazmadan ölçüm kurmanızı sağlar. Yayınladığınız her değişiklik bir versiyon olarak saklanır.
- Tag: GA4, Google Ads, HTML, 3. parti izleme kodları.
- Trigger: Hangi koşulda çalışacağını belirler (sayfa görüntüleme, tıklama, form vb.).
- Variable: Veri taşır (URL, tıklanan metin, dataLayer alanları).
2) Ön Koşullar & Kurulum Planı
- GTM Hesabı & Container: Alan adınıza özel bir container açın.
- GA4 Mülkü: Web veri akışı oluşturun, ölçüm kimliğini not alın.
- Onay Yönetimi: CMP/çerez banner’ı ve Consent Mode v2 planlayın.
3) GTM Kurulumu (Container + Snippet)
GTM snippet’ını <head> ve <body> açılışına ekleyin (ör. GTM-XXXXXXX):
<!-- GTM Head -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
<!-- GTM Body (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
Kurulumdan sonra Preview (Önizleme) ile test edin, sonra Submit → Publish.
4) Etiketler (GA4, HTML, Consent)
- GA4 Configuration: Ölçüm kimliğini girin; tüm sayfalarda tetikleyin.
- GA4 Event: Add to cart, generate_lead gibi özel olayları tanımlayın.
- HTML Tag: Gereken 3. parti kodları (ör. chat, ısı haritası).
- Consent Initialization: CMP sinyallerini GTM’e aktarın.
5) Tetikleyiciler (Pageview, Click, Form)
- Page View: All pages veya belirli şablonlar.
- Click: CSS seçiciyle buton/link tıklamaları (Click Text, Click Classes).
- Form Submission: Dönüşüm formlarında tetikleyici + doğrulama.
6) Değişkenler & Data Layer
Olay parametrelerini dataLayer.push() ile aktarın:
window.dataLayer = window.dataLayer || [];
dataLayer.push({
event: 'add_to_cart',
ecommerce: {
currency: 'TRY',
value: 1299.9,
items: [{item_id:'SKU-123', item_name:'Koşu Ayakkabısı', quantity:1, price:1299.9}]
}
});
GTM’de Data Layer Variable ile bu alanları etiketlere bağlayın.
7) GA4 Olayları: Purchase, Lead, AddToCart
| Olay | Zorunlu Parametreler | Örnek |
|---|---|---|
purchase |
value, currency, transaction_id, items | value: 2599.9 • currency: TRY • id: ORD-7841 |
generate_lead |
value (ops.), currency (ops.), lead_type | lead_type: “Teklif Formu” |
add_to_cart |
value, currency, items | value: 1299.9 • currency: TRY • items: [… ] |
8) Consent Mode v2 (Google Ads & GA4)
İzin verilmediğinde modeled conversions ile boşluklar tahmin edilir. CMP’den gelen sinyalleri Consent Initialization
aşamasında GTM’e iletin. Google Ads & GA4 etiketleri uygun modda çalışır.
9) Test, Önizleme & DebugView
- Preview: Hangi etiketi hangi tetikleyicinin çalıştırdığını görün.
- GA4 DebugView: Olayların gerçek zamanlı akışını doğrulayın.
- Tag Assistant: Kurulum sorunlarını hızlı tespit edin.
10) Raporlama & UTM Standardı
| Parametre | Açıklama | Örnek |
|---|---|---|
utm_source |
Kaynak | google, meta, newsletter |
utm_medium |
Medya | cpc, email, social |
utm_campaign |
Kampanya | pmax_tr_kosu_2025 |
utm_content |
Varyant | video_a, headline_b |
11) Hızlı Kontrol Listesi
- GTM head/body snippet doğru konumda
- GA4 Configuration tüm sayfalarda aktif
- Data layer sözlüğü ve olay haritası hazır
- Consent Mode v2 entegrasyonu test edildi
- Preview & DebugView ile doğrulama yapıldı
- UTM standardı ve raporlama panosu hazır
12) Sık Sorulan Sorular