Google Tag Manager Nedir? Nasıl Kullanılır?
Yeni Etiket Yapılandırması
Bu Rehberde Ne Öğreneceksin?
Bu rehberin sonunda Google Tag Manager (GTM) sisteminin mantığını sıfırdan kavrayacak, sitene kod eklemeden dilediğin her butonu, formu veya işlemi tek başına izleyebilir (track edebilir) hale geleceksin. Hazırsan başlayalım.
Google Tag Manager (GTM) Nedir?
Diyelim ki bir web siten var. Ziyaretçilerin siteye geldiğinde neleri tıkladığını, WhatsApp butonuna basıp basmadıklarını veya sepete hangi ürünü eklediklerini görmek istiyorsun.
Normal şartlarda bunu yapmak için yazılımcına gitmen, "Şu butona tıklandığında Google Analytics'e bir veri gönder" demen gerekir. Yazılımcı bu kodu sitenin dosyalarına (hardcode dediğimiz yöntemle) yazar. İki gün sonra Facebook Reklamları için benzer bir istekte bulunursun. Siten kod çöplüğüne döner, sen yavaşlarsın, sitenin hızı düşer.
İşte Google Tag Manager tam bu noktada hayat kurtarır. GTM, sitene bir kez eklenen ve sonrasında web sitenin kodlarına hiç dokunmadan, tüm pazarlama ve takip kodlarını (etiketleri) tek bir panelden yönetmeni sağlayan ücretsiz bir Google aracıdır.
Google Tag Manager (GTM), web sitene veya mobil uygulamana analiz, reklam ve pazarlama kodlarını (etiketlerini), yazılımcıya ihtiyaç duymadan, tek bir merkezi arayüz üzerinden eklemeni, düzenlemeni ve yönetmeni sağlayan ücretsiz bir etiket yönetim sistemidir.
Neden GTM Kullanmalısın? (Eski vs. Yeni)
- ❌ Her yeni takip kodu (Analytics, Ads, Facebook) için yazılımcıya ihtiyaç duyarsın.
- ❌ Sitenin kaynak koduna (HTML dosyalarına) sürekli müdahale edilir, hata riski artar.
- ❌ Çok fazla dışarıdan kod eklendiği için sitenin açılış hızı ciddi şekilde yavaşlar.
- ❌ Kodların çalışıp çalışmadığını test etmek için canlı siteyi bozma riskin vardır.
- ✅ Sitene sadece BİR kere GTM kodu eklersin, geri kalan her şeyi GTM panelinden yaparsın.
- ✅ Pazarlama ekipleri, yazılımcı beklemeden saniyeler içinde yeni kampanyaları yayına alır.
- ✅ GTM kodları eşzamanlı (asenkron) yüklediği için site hızını korur.
- ✅ "Önizleme" (Preview) modu sayesinde kodu canlıya almadan önce çalışıp çalışmadığını güvenle test edersin.
Bilmen Gereken 4 Temel Kavram
GTM paneline girdiğinde kafan karışmasın diye bu 4 kelimeyi çok basitçe açıklıyoruz.
Sitenin içine yerleştirdiğimiz ana kutu. GTM hesabın içindeki senin web siteni temsil eden proje alanıdır.
"Ne yapalım?" sorusunun cevabı. Örneğin: Google Analytics'e veri gönder, Facebook'a dönüşüm gönder gibi görevlerdir.
"Ne zaman yapalım?" sorusunun cevabı. Belirlediğimiz etiketin hangi durumda (örn: sayfa açıldığında, butona tıklandığında) çalışacağını söyler.
Ekstra detaylardır. Tetikleyiciye "Bir butona tıklandığında" dedin. Hangi buton? "Üzerinde 'Satın Al' yazan buton" işte buradaki detay değişkendir.
Google Tag Manager Ne İçin Kullanılır?
Bu konuyu en iyi apartman ve sigorta kutusu örneğiyle anlayabiliriz.
Web siteni bir apartman olarak düşün. Eskiden apartmanın her katına, her odasına ayrı ayrı elektrik hattı (kodlar) çekmen gerekiyordu. Bu hem tehlikeliydi hem de yönetmesi zordu. GTM ise apartmanın girişine takılan ana sigorta kutusudur.
Sen ana kabloyu (GTM kurulum kodunu) sadece bir kez apartmanın girişine bağlarsın. Bundan sonra 3. kattaki lambayı yakmak veya zemin kattaki kamerayı çalıştırmak için duvarları kırmana gerek kalmaz; her şeyi bu sigorta kutusunun (GTM Panelinin) içindeki şalterleri indirip kaldırarak yaparsın.
- 👉 Google Analytics (GA4) kurulumu ve sayfa görüntülemelerini izleme.
- 👉 Google Ads (Adwords) dönüşüm ve yeniden pazarlama kodlarını ekleme.
- 👉 Facebook (Meta) Pixel, TikTok Pixel gibi sosyal medya takip kodlarını kurma.
- 👉 Form doldurma, WhatsApp butonuna tıklama, PDF indirme gibi özel olayları (Event) takip etme.
- 👉 Ziyaretçilerin sayfada ne kadar aşağıya kaydırdığını (Scroll Depth) ölçme.
GTM Container ID Nedir ve Nasıl Bulunur?
GTM Container ID (Kapsayıcı Kimliği), senin oluşturduğun GTM hesabına ait eşsiz bir kimlik numarasıdır. Bunu sitenin kimlik kartı gibi düşünebilirsin. Her zaman GTM- harfleriyle başlar ve ardından rastgele harf/rakamlar gelir (Örnek: GTM-ABC1234).
Bazı hazır e-ticaret altyapılarında (Ticimax, T-Soft, Shopify gibi) veya WordPress eklentilerinde, uzun kodları sitene eklemen gerekmez. Sistem sana sadece "GTM Container ID'ni buraya yapıştır" der. Bu yüzden bu kodu bulmayı bilmen önemlidir.
💡 GTM Container ID'yi Bulmanın 2 Yolu
1. GTM Panelinden: Tagmanager.google.com adresine girip hesabını açtığında, sağ üst köşede (Çalışma Alanı - Workspace sekmesinde) GTM- ile başlayan kodu direkt görebilirsin.
2. Başkasının Sitesinde (Rakip Analizi): Herhangi bir siteye gir. Sağ tıkla "İncele" (Inspect) de. Klavyeden CTRL+F (veya CMD+F) yapıp aramaya GTM- yaz. Eğer o sitede GTM kuruluysa kaynak kodunda bu ID'yi görebilirsin.
GTM ile Event (Olay) Nedir?
Eğer bir dijital pazarlama uzmanıysan, sadece "siteme bugün kaç kişi girdi" bilgisi sana yetmez. Ziyaretçilerin içeride ne yaptığını bilmen gerekir.
Kullanıcının sitende yaptığı her bir anlamlı harekete Event (Olay) denir. Örneğin;
- İletişim formunu doldurup "Gönder" tuşuna basması bir Olaydır.
- Sepete ürün eklemesi bir Olaydır.
- Mobilden girip telefon numarana tıklaması bir Olaydır.
İşte GTM, bu olayları yakalayıp Google Analytics gibi analiz araçlarına "Hey, az önce bir müşteri WhatsApp butonuna tıkladı, bunu kaydet!" mesajını iletmeni sağlar. Buna Event Tracking (Olay İzleme) diyoruz.
GTM Adım Adım Kurulum Atölyesi
Hiçbir kod bilgisi olmadan, sıfırdan GTM hesabı açıp sitene eklemeyi öğreniyoruz.
GTM Hesabı Oluştur
Google hesabınla tagmanager.google.com adresine giriş yap. Sağ üstten "Hesap Oluştur" (Create Account) butonuna tıkla.
Hesap adına şirketinin adını yaz. Kapsayıcı (Container) adına ise web sitenin adresini (orneksite.com) yaz ve hedef platform olarak "Web" seçeneğini işaretleyip "Oluştur" de.
Kodları Sitene Ekle
Oluştur butonuna bastıktan sonra karşına iki parça kod çıkacak. Bu, yazılımcıya (veya site altyapısına) eklemen gereken İLK ve TEK koddur.
İlk kodu sitenin <head> etiketleri arasına (mümkün olduğunca üste), ikinci kodu ise <body> etiketinin hemen altına eklemelisin. Eğer WordPress kullanıyorsan, "GTM4WP" gibi ücretsiz bir eklentiyle bu adımı saniyeler içinde sadece Container ID'ni yazarak atlayabilirsin.
<script>(function(w,d,s,l,i){...
})(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
<!-- End Google Tag Manager -->
GTM İle Event (Olay) Atama ve İzleme
Şimdi asıl sihrin başladığı yere geliyoruz. Örnek senaryo: Ziyaretçilerin "WhatsApp'tan Ulaşın" butonuna kaç kez tıkladığını Analytics'te görmek istiyorsun.
Değişkenleri (Variables) Aktif Et
Sol menüden Değişkenler sekmesine tıkla. Sağ üstteki "Yapılandır" (Configure) butonuna bas. Sağdan açılan menüde, "Tıklamalar" (Clicks) başlığı altındaki tüm kutucukları (Click Element, Click Classes, Click ID, Click URL, Click Text) işaretle.
Bunu yaparak GTM'e şunu söyledik: "Biri sitemde bir şeye tıkladığında; tıkladığı yerin linkini, yazısını, rengini aklında tut, bana lazım olacak."
- Click Element
- Click Classes
- Click ID
- Click URL
Tetikleyici (Trigger) Oluştur
Sol menüden Tetikleyiciler > Yeni diyerek yeni bir tetikleyici oluştur. Tetikleyici Türü olarak "Tıklama - Yalnızca Bağlantılar" (Just Links) seç.
Aşağıdan "Bazı Bağlantı Tıklamaları" seçeneğini işaretle. Şart olarak şunu yaz: Click URL -> şunu içerir -> wa.me (Eğer linkin api.whatsapp.com ise onu yaz). İsim verip kaydet.
Buraya kadar geldiysen temel mantığı kavradın. Tetikleyiciyi kurduk, etiketi hazırladık. Ancak bu noktadan sonra, özellikle e-ticaret sitelerinde (sepete ekleme, satın alma değerlerini çekme gibi işlemlerde) standart tıklamalar yetmez. Data Layer (Veri Katmanı) dediğimiz, sitenin arka planındaki gizli dili GTM'e okutman gerekir. Açıkçası, karmaşık etiket kurulumlarında çoğu kişinin hata yapıp verileri yanlış ölçmeye başladığı yer burasıdır.
Etiketi (Tag) Bağla
Şimdi sol menüden Etiketler > Yeni de. Etiket yapılandırması olarak "Google Analytics: GA4 Etkinliği" (GA4 Event) seç. (Daha önce kurduğun GA4 ölçüm kimliğini gir).
Etkinlik Adı (Event Name) kısmına İngilizce karakterlerle boşluksuz bir isim yaz (örn: whatsapp_tiklama). Alt kısımdaki Tetikleyici bölümüne tıkla ve 2. adımda oluşturduğun tetikleyiciyi seçip kaydet.
Önizleme (Preview) ve Yayınlama
Asla test etmeden canlıya alma! GTM panelinde sağ üstteki "Önizleme" (Preview) butonuna bas. Sitenin adresini yaz. Siten yeni sekmede açılacak.
Sitedeki WhatsApp butonuna tıkla. GTM Tag Assistant ekranına geri dön. Eğer oluşturduğun etiket "Tags Fired" (Ateşlenen Etiketler) altındaysa tebrikler, başardın! Artık sağ üstteki Gönder (Submit) butonuna basıp değişiklikleri tüm dünyaya yayınlayabilirsin.
"Pek çok kişi GTM'i kurar, etiketleri açar ama sürüm oluşturmayı (Publish/Gönder) unutur. GTM'de yaptığın hiçbir değişiklik sen 'Gönder' butonuna basana kadar canlı sitende aktif olmaz."
Workspace (Çalışma Alanı) = Senin test laboratuvarın (Ziyaretçiler görmez)
Live Version (Canlı Sürüm) = Web sitendeki gerçek hayat
Gönder Butonu = Laboratuvardaki ürünü piyasaya sürmek.
Sık Sorulan Sorular
Google Analytics ve GTM aynı şey mi? ↓
Hayır, kesinlikle farklıdırlar. Google Analytics raporların gösterildiği ekran (veri analiz aracı), GTM ise o veriyi toplayıp Analytics'e gönderen kuryedir (veri taşıma aracı). GTM kendi başına sana rapor veya istatistik sunmaz.
Sitemde hem Analytics kodu hem GTM kodu olmalı mı? ↓
Hayır. Eğer GTM kullanmaya karar verdiysen, sitenin kaynak koduna (hardcode) daha önce eklediğin eski Google Analytics kodlarını silmelisin. Aksi takdirde verilerin çift sayılır (çift ölçüm - double tracking hatası). Analytics'i sadece GTM içinden tetiklemelisin.
Data Layer (Veri Katmanı) nedir? ↓
Web siten ile GTM arasındaki gizli iletişim dilidir (JavaScript objesi). Örneğin bir e-ticaret sitesinde sepete eklenen ürünün fiyatını veya ID'sini sen sayfada görebilirsin ama GTM'in bunu sistemli şekilde okuyabilmesi için bu verilerin Data Layer içine yazılması gerekir. Gelişmiş event kurulumlarında şarttır.
Tetikleyici oluşturdum ama çalışmıyor, neden olabilir? ↓
En yaygın sebep "Tıklama - Yalnızca Bağlantılar" (Click - Just Links) yerine "Tıklama - Tüm Öğeler" (Click - All Elements) kullanman veya tam tersini yapmandır. Butonun HTML yapısına göre (bir <a> etiketi mi yoksa <button> etiketi mi) doğru tetikleyiciyi seçtiğinden ve değişkende (örneğin Click ID) yazım hatası (büyük/küçük harf duyarlılığı) yapmadığından emin ol.
GTM siteyi yavaşlatır mı? ↓
GTM'in kendisi (Container kodu) asenkron çalıştığı için siteyi yavaşlatmaz. Ancak GTM içine eklediğin etiketler (örneğin devasa boyutlarda Hotjar kodları, Facebook Pixeller, gereksiz reklam scriptleri) aynı anda çalışırsa siten yavaşlar. GTM, çöpleri saklayacağın bir halı altı değildir; oradaki etiketleri de optimize tutmalısın.
Desteğe mi İhtiyacın Var? Buradayım.
Buraya kadar okuduysan konuyu artık biliyorsun. Ancak özellikle Data Layer kurulumları, e-ticaret (Enhanced Ecommerce) takipleri veya karmaşık form gönderim event'lerinde takılırsan, verilerini riske atma, birlikte hızlandıralım.
Gökhan Vatancı ile Görüş →
