Google Tag Manager Kurulumu: Adım Adım GTM Kurulum ve Etiket Yönetimi
- Sezer DEMİR
- 2 gün önce
- 4 dakikada okunur
Google Tag Manager (GTM), web sitenize eklemeniz gereken tüm izleme kodlarını (etiketleri) tek bir arayüzden yönetmenizi sağlayan ücretsiz bir araçtır. Normalde her analitik ya da reklam aracı için ayrı bir kod parçacığını sitenizin HTML'ine eklemek gerekir; GTM bu süreci merkezileştirir ve geliştirici bağımlılığını büyük ölçüde ortadan kaldırır.
Bir etiket (tag), sitenize ziyaretçi geldiğinde çalışan küçük bir kod parçacığıdır. Google Analytics, Facebook Pixel, Google Ads dönüşüm kodu veya herhangi bir üçüncü taraf analitik aracı için etiket eklemeniz yeterlidir; her birini HTML'e ayrı ayrı gömmek zorunda kalmazsınız.
⠀
GTM Hesabı ve Kapsayıcı Oluşturma
⠀
tagmanager.google.com adresine gidin ve Google hesabınızla oturum açın. "Hesap Oluştur" butonuna tıklayarak aşağıdaki bilgileri doldurun:
Hesap Adı: Genellikle şirket ya da marka adınız
Kapsayıcı Adı: Sitenizin URL'si (örneğin: blakfy.com)
Hedef Platform: Web, iOS, Android veya AMP. Standart bir site için "Web" seçin.
⠀
"Oluştur" butonuna bastıktan sonra GTM size iki kod parçacığı sunar. Bu kodların nasıl yerleştirileceği önemlidir; yanlış konumlandırma bazı etiketlerin düzgün çalışmamasına yol açabilir.
⠀
GTM Kodunu Siteye Ekleme
⠀
GTM, kurulum sırasında iki farklı kod parçacığı verir:
Birinci kod (JavaScript): <head> etiketinin hemen kapanmadan önceki kısmına değil, açılış <head> etiketinin mümkün olduğunca üstüne yerleştirilmelidir. Bu kod GTM'nin ana yükleme kodudur.
İkinci kod (noscript): <body> etiketinin hemen açılışından sonra yer almalıdır. JavaScript devre dışı olan tarayıcılar için bir yedek işlevi görür.
WordPress kullanıcıları bu kodu "functions.php" dosyasına ekleyebilir ya da "Insert Headers and Footers" gibi eklentilerden yararlanabilir. Wix'te ise "Ayarlar > Gelişmiş > Özel Kod" bölümünden GTM kodunu yapıştırabilirsiniz.
Platform Entegrasyonları
⠀
Shopify kullanıcıları GTM kodunu "theme.liquid" dosyasına ekler. WooCommerce kullanıcıları ise "Google Tag Manager for WordPress" eklentisiyle kodlamaya gerek kalmadan kurulumu tamamlayabilir. Platform bağımsız olarak, kodun doğru çalıştığını GTM'nin "Önizleme" (Preview) moduyla her zaman test edebilirsiniz.
⠀
GTM Arayüzünü Anlamak: Etiket, Tetikleyici, Değişken
⠀
GTM üç temel kavram üzerine kuruludur:
Etiket (Tag): Çalıştırmak istediğiniz kod. Örneğin: "GA4 yapılandırma etiketi" ya da "Facebook Pixel temel kodu."
Tetikleyici (Trigger): Etiketin ne zaman çalışacağını belirler. "Tüm sayfa görüntülemelerinde", "belirli bir URL'de", "bir butona tıklandığında" gibi koşullar tanımlayabilirsiniz.
Değişken (Variable): Etiket ve tetikleyicilerde kullanılan dinamik bilgi parçaları. Örneğin "Sayfa URL'si" veya "Tıklanan Elementin Metni" birer değişkendir.
Bu üç unsur birleştiğinde çok güçlü izleme senaryoları oluşturabilirsiniz. "Sadece '/teşekkürler' sayfasında tetiklenen ve GA4'e dönüşüm olayı gönderen bir etiket" oluşturmak bu mantığın tipik bir örneğidir.
⠀
İlk Etiketi Oluşturma: GA4 Yapılandırması
⠀
Google Analytics 4 kurulumunu GTM üzerinden yapmak için şu adımları izleyin:
GTM arayüzünde "Etiketler > Yeni" yolunu izleyin.
"Etiket Yapılandırması" bölümünden "Google Analytics: GA4 Yapılandırma" seçeneğini seçin.
GA4 hesabınızdaki Ölçüm Kimliğini (G-XXXXXXXXXX) "Ölçüm Kimliği" alanına girin.
"Tetikleyici" bölümünden "All Pages" (Tüm Sayfalar) tetikleyicisini seçin.
Etiketi kaydedin.
⠀
Bu etiketi kaydettiğinizde GA4, GTM aracılığıyla sitenizin tüm sayfalarını izlemeye başlar. GA4 hakkında daha ayrıntılı bilgi için Google Analytics 4 rehberi sayfasına göz atabilirsiniz.
⠀
Önizleme Modu ve Hata Ayıklama
⠀
Herhangi bir etiket yayına almadan önce mutlaka test edin. GTM'nin sağ üst köşesindeki "Önizleme" butonuna tıklayın; açılan pencereye sitenizin URL'sini girin.
Tarayıcınızda siteniz açılırken altta "Tag Assistant" paneli görünür. Bu panel hangi etiketlerin tetiklendiğini, hangi tetikleyicilerin devreye girdiğini ve olası hataları anlık olarak gösterir. Bir etiketi kaydettikten sonra bu modda test etmek, canlıya almadan önce sorunları tespit etmenin en güvenilir yoludur.
⠀
Değişkenleri ve Veri Katmanını Kullanmak
⠀
Veri katmanı (data layer), sitenizden GTM'ye bilgi aktarmanın standart yoludur. E-ticaret siteleri genellikle satın alma bilgilerini (ürün adı, fiyat, miktar) veri katmanı aracılığıyla GTM'ye iletir.
GTM'nin yerleşik değişkenleri de oldukça kullanışlıdır. "Değişkenler" menüsünden yerleşik değişkenleri etkinleştirerek "Tıklanan Elemanın Sınıfı", "Form ID'si" veya "Kaydırma Derinliği" gibi bilgileri etiketlerde kullanmaya başlayabilirsiniz.
Teknik SEO açısından GTM, fazla kod yüklemeden gelişmiş izleme yapıları kurmanın en temiz yoludur. Sitenizin hızını olumsuz etkilemeden izleme altyapısı oluşturmak için GTM'nin sunduğu "etiket sıralama" ve "etiket ateşleme limitleri" gibi optimizasyon seçeneklerini de değerlendirmeye alın.
⠀
Yayınlama ve Sürüm Yönetimi
⠀
GTM'de her yayınlama bir "sürüm" (version) oluşturur. Arayüzün sağ üst köşesindeki "Gönder" (Submit) butonuna tıklayarak değişikliklerinizi canlıya alabilirsiniz.
Sürüm sistemi sayesinde sorun çıkaran bir değişikliği anında geri alabilirsiniz. "Sürümler" menüsünden önceki herhangi bir sürüme tek tıkla dönmek mümkündür. Bu özellik, birden fazla kişinin aynı GTM kapsayıcısında çalıştığı ekipler için özellikle değerlidir.
Her sürümü kaydederken açıklama (description) eklemek iyi bir alışkanlıktır. "GA4 form_submit etkinliği eklendi" gibi kısa notlar, ileride neyin ne zaman eklendiğini takip etmeyi kolaylaştırır.
⠀
Sık Sorulan Sorular
⠀
GTM olmadan da GA4 kurulumu yapılabilir mi?
Evet, GA4 kodunu doğrudan sitenizin HTML'ine ekleyerek kurulum yapabilirsiniz. Ancak ileride Facebook Pixel, Google Ads dönüşüm kodu gibi ek etiketler gerektiğinde GTM çok daha yönetilebilir bir yapı sunar.
GTM sitenin hızını yavaşlatır mı?
GTM asenkron (eş zamansız olmayan) yüklendiği için sayfa yüklenmesini bloke etmez. Ancak GTM üzerinden yüklenen her etiket ek bir HTTP isteği oluşturur. Gereksiz etiketleri temizlemek ve etiket sayısını makul tutmak, olası performans etkisini en aza indirir.
Birden fazla site için GTM nasıl kullanılır?
Her site için ayrı bir "kapsayıcı" (container) oluşturmanız gerekir. Aynı GTM hesabı altında birden fazla kapsayıcı yönetebilirsiniz; bu sayede farklı sitelerin etiketlerini karıştırmadan ayrı ayrı yönetebilirsiniz.
GTM ile hangi araçlar entegre edilebilir?
GA4, Google Ads, Facebook Pixel, LinkedIn Insight Tag, Hotjar, Clarity, Crisp ve benzeri yüzlerce araç GTM üzerinden entegre edilebilir. "Özel HTML" etiketi sayesinde GTM'nin yerleşik şablonunda yer almayan araçları da ekleyebilirsiniz.
