Google Tag Manager (GTM) Detaylı Kurulum ve Event Yönetimi

GTM olmadan tracking yönetmek; her event için developer'a gidip code deploy beklemek demek. GTM ile marketing/analytics ekibi tag'leri kendi başına yönetir. 100+ projede gözlemlediğimiz doğru GTM mimarisi.

GTM nedir, neden kullanmalıyım?

• Tek bir container code'u site'a eklersin, sonrası tag manager'dan yönetilir
• GA4, Meta Pixel, LinkedIn Insight, Google Ads conversion, hotjar, vs. hepsi tek yerden
• Developer deployment olmadan event eklemek mümkün
• Version control, preview mode, debug mode built-in
• DataLayer ile site logic'inden veri çekmek standart

Trigger / Tag / Variable üçlüsü

Trigger

Tag'in ne zaman tetikleneceği. Page view, click, form submit, custom event, scroll depth, timer.

Tag

Tetiklenince ne yapacak. GA4 event gönder, Meta Pixel'e Purchase gönder, custom HTML çalıştır.

Variable

Tag/trigger içinde kullanılan dynamic değer. Click URL, page path, dataLayer variable, custom JavaScript.

DataLayer: en güçlü konsept

DataLayer, sitenizden GTM'e veri akıtan JavaScript array'i. dataLayer.push({event: 'purchase', value: 1500, currency: 'TRY'}). GTM bu event'i bekler, ilgili tag'i tetikler. E-ticaret için ecommerce dataLayer schema'sı standart. Developer ile koordine olarak doğru dataLayer push'lar yapın.

Doğru kurulum sırası

1. 01GTM container oluştur (tagmanager.google.com)
2. 02Container snippet'i site head + body'ye ekle
3. 03GA4 Configuration tag (All Pages trigger)
4. 04Built-in variables aktive et (Click URL, Click Classes, Page Path, vs.)
5. 05İlk önemli event: button click (CTA'lar için)
6. 06Form submission tracking
7. 07Scroll depth (25%, 50%, 75%, 100%)
8. 08DataLayer ile e-ticaret events (varsa)
9. 09Preview mode'da test et
10. 10Publish, version not'u yaz

Meta Pixel + GA4 + Google Ads tek container'da

GTM'in gücü: aynı kullanıcı eylemi (örn. 'Demo Request submitted') tek dataLayer push ile aynı anda GA4 conversion'a, Meta Pixel Lead event'ine, Google Ads conversion'a, LinkedIn Insight Tag'e gönderilir. Developer dependency sıfır.

Şunu yapmayın çünkü...

Yüzlerce tag'i 'All Pages' trigger'ı ile yüklemeyin — sayfa hızını öldürür. Conditional loading kullanın: chat widget sadece pricing sayfasında, A/B test scripti sadece blog'da, vs. Bir client'ın 24 tag'lik container'ı LCP'yi 1.2 saniye uzatıyordu, conditional loading ile 0.3 saniyeye indi.

Server-side GTM: yeni standart

Client-side GTM (browser'da) ad-blocker'lara takılıyor (%15-30 data kayıp). Server-side GTM ile event'ler önce sunucunuza gelir, oradan GA4/Meta'ya. Hem performance hem data accuracy %20-40 iyileşir. Google Cloud üzerinde $50-150/ay'la setup edilebilir.