Google Tag Manager Nedir, Nasıl Kurulur ve Kullanılır?

Google Tag Manager (GTM), sitenizdeki ölçüm ve reklam kodlarını site koduna her seferinde dokunmadan tek bir web arayüzünden yönetmenizi sağlayan ücretsiz bir etiket yönetimi sistemidir. Google Analytics 4, Google Ads dönüşüm etiketi ile reklam platformlarının pikselleri kapsayıcı adlı tek bir pakette durur. Hangi kodun hangi koşulda çalışacağını siz belirlersiniz.

Google Tag Manager nasıl çalışır?

Google Tag Manager sitenize bir kez eklenen kapsayıcı kodu üzerinden çalışır. Ziyaretçi bir sayfayı açtığında kapsayıcı kodu güncel yapılandırmayı Tag Manager sunucularından yükler. Yapılandırma hangi etiketin hangi olayda çalışacağını söyler. Yeni bir ölçüm kodu eklerken site dosyalarını değil kapsayıcıyı değiştirirsiniz.

Google'ın Türkçe arayüzünde ürünün adı Google Etiket Yöneticisi olarak geçer. Google ürünü Etiket Yöneticisi'ne genel bakış sayfasında bir etiket yönetimi sistemi olarak tanımlar. Aynı sayfaya göre bir kapsayıcı sitedeki elle yazılmış diğer etiketlerin yerini alabilir.

Etiket, tetikleyici ve değişken nedir?

Bir kapsayıcının üç yapı taşı etiket, tetikleyici ile değişkendir. Her birinin görevi ayrıdır:

• Etiket analiz ya da reklam sağlayıcısının verdiği kod parçasıdır. GA4 etkinlik etiketi ile Google Ads dönüşüm etiketi birer örnektir.
• Tetikleyici etiketin ne zaman çalışacağını belirleyen koşuldur. Sayfa görüntüleme, tıklama ile form gönderme en çok kullanılan türlerdir.
• Değişken kod çalışırken dolan değerin yer tutucusudur. Sayfa URL'si değişkeni o an açık olan sayfanın adresini döndürür.

Her etiketin etkinleşmek için en az bir tetikleyicisi olmalıdır. Değişkenler iki yerde kullanılır. Tetikleyicide filtre kurarlar: Sayfa URL'si /tesekkur/ içeriyorsa koşul sağlanır. Etikette sipariş tutarı gibi her işlemde değişen değerleri taşırlar.

Veri katmanı ne işe yarar?

Veri katmanı sitenizin Tag Manager'a bilgi aktardığı JavaScript nesnesidir. Sipariş tutarı ya da form adı gibi sayfada görünmeyen bilgiler etiketlere veri katmanı üzerinden ulaşır. Ölçülecek olay gerçekleştiğinde yazılım ekibiniz nesneye bir kayıt ekler:

<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
  'event': 'form_gonderildi',
  'form_adi': 'teklif'
});
</script>

Tag Manager'da bu olay adını dinleyen bir Özel Etkinlik tetikleyicisi kurarsınız. Form adını etikete taşımak için bir veri katmanı değişkeni tanımlarsınız. Sözdizimini Google'ın veri katmanı geliştirici belgesi örneklerle açıklar.

Google Tag Manager kurulumu nasıl yapılır?

Google Tag Manager kurulumu hesap açmayla başlayan, ilk sürümün yayınlanmasıyla biten altı adımda yapılır. Aşağıdaki adımlar bir web sitesi içindir:

1. Hesap oluşturun. tagmanager.google.com adresinde Hesap Oluştur'u seçin, hesap adını ve ülkeyi girin. Google her şirket için tek hesap önerir.
2. Kapsayıcıyı tanımlayın. Kapsayıcı adına alan adınızı yazın, kapsayıcı türü olarak Web'i seçin.
3. Kodu siteye ekleyin. Tag Manager iki kod parçası verir. Bu iki parça sitenin her sayfasında bulunmalıdır.
4. İlk etiketi oluşturun. Çalışma Alanı sekmesinde Etiketler bölümünden Yeni'yi seçin. Etiket türünü ve tetikleyiciyi belirleyip kaydedin.
5. Önizleme ile deneyin. Önizleme düğmesi Tag Assistant'ı yeni sekmede açar. Site adresinizi yazıp Bağlan'ı seçin, etiketin beklenen olayda etkinleştiğini görün.
6. Sürümü yayınlayın. Gönder'i seçin, Yayınla ve Sürüm Oluştur seçeneğinde sürüme ad verip Yayınla'ya basın.

Üçüncü adımdaki iki kod parçasının yeri bellidir. İlki <head> etiketinin içinde olabildiğince üstte, ikincisi açılış <body> etiketinin hemen altında durur:

<head>
  <!-- Google Tag Manager: birinci kod parçası -->
  <title>Sayfa başlığı</title>
</head>
<body>
  <!-- Google Tag Manager (noscript): ikinci kod parçası -->
  Sayfa içeriği
</body>

Kodun tamamını kapsayıcı kimliğinizle birlikte Tag Manager verir. Kimlik GTM ile başlar. Yerleşimi tam örnekle görmek için Google'ın web kapsayıcısı yükleme sayfasına bakın. Hazır e-ticaret altyapılarında kod elle eklenmeyebilir, bağlantı panelin entegrasyon ayarından kapsayıcı kimliğiyle kurulur.

GTM ile GA4 kurulumu nasıl yapılır?

GTM ile GA4 kurulumu kapsayıcıya bir Google etiketi eklenerek yapılır. Önce Google Analytics 4 (GA4) mülkünüz ile web veri akışınız hazır olmalıdır. Sonra şu dört adımı izleyin:

1. Etiketler bölümünde Yeni'yi seçin, etiket türü olarak Google etiketi'ni işaretleyin.
2. Etiket kimliği alanına veri akışınızdaki G- ile başlayan kimliği yazın.
3. Tetikleyici olarak Başlatma - Tüm Sayfalar'ı seçip etiketi kaydedin.
4. Önizlemede etiketin her sayfada bir kez etkinleştiğini görün, sonra kapsayıcıyı yayınlayın.

Google etiketi sayfa görüntüleme gibi otomatik etkinlikleri kendiliğinden gönderir. Teklif formu ya da telefon düğmesi gibi sitenize özgü eylemler için Google Analytics: GA4 Etkinliği türünde ayrı bir etiket kurarsınız. Etikete etkinlik adını yazar, eylemi yakalayan tetikleyiciyi bağlarsınız. Gelen etkinliklerle segment ve huni kurmayı Google Analytics 4 raporlarını okuma rehberimizde anlattık.

Tag Manager nasıl kullanılır?

Tag Manager her yeni ölçüm ihtiyacında aynı sırayla kullanılır: etiketi oluşturur, tetikleyiciyi bağlar, önizlemede dener, sürüm olarak yayınlarsınız. Kurulumdan sonra en sık karşılaşılan dört kullanım şöyledir:

• Reklam dönüşümü. Google Ads Dönüşüm İzleme etiketi form ya da satın alma tetikleyicisine bağlanır. Ayarları dönüşüm izleme etiketinin kurulum adımlarını içeren yazımızda bulursunuz.
• Tıklama ölçümü. Telefon ya da WhatsApp bağlantısına yapılan tıklama Sadece Bağlantılar türündeki tetikleyiciyle yakalanır.
• Google dışı etiketler. Diğer reklam platformlarının kodları Topluluk Şablon Galerisi'ndeki şablonla ya da özel etiketle eklenir.
• Kampanya kaynağı. UTM parametreleri için ayrı etiket gerekmez, GA4 parametreleri sayfa adresinden okur. Parametrelerin yazımını UTM kodu ile kampanya linki hazırlama yazımızda anlattık.

Tag Manager ne işe yarar?

Tag Manager ölçüm kodlarında yapılan değişikliği sitenin yazılım yayınından ayırmaya yarar. Pazarlama ekibi yeni bir etiketi yazılım ekibinin iş sırasını beklemeden ekleyebilir. Tag Manager'ın sağladığı dört somut kazanım vardır:

• Google etiketleri ile diğer platformların etiketleri tek yerde durur.
• Her yayın bir sürüm olarak kaydedilir, hatalı yayında önceki sürüme dönülür.
• Çalışma alanları birden fazla kişinin aynı kapsayıcıda çalışmasına izin verir.
• Değişiklik ziyaretçiye ulaşmadan önce önizlemede denenir.

Tag Manager her site için şart değildir. Google yalnız sayfa görüntüleme, tıklama ile kaydırma gibi varsayılan metriklere ihtiyaç duyan siteler için Google etiketini tek başına yeterli sayar. İkinci bir reklam platformu ya da özel bir form etkinliği devreye girdiğinde kapsayıcı kullanmak işi kolaylaştırır.

Tag Manager'da hangi kapsayıcı türleri vardır?

Tag Manager'da beş kapsayıcı türü vardır: Web, iOS, Android, AMP ile Sunucu. Türü kapsayıcıyı oluştururken seçersiniz:

• Web web sitesi ya da web uygulaması içindir, en yaygın türdür.
• iOS Apple cihazlardaki uygulamalar içindir.
• Android Android cihazlardaki uygulamalar içindir.
• AMP Accelerated Mobile Pages kullanan sayfalar içindir.
• Sunucu sunucu tarafı etiketleme içindir.

Sunucu tarafı etiketleme nedir?

Sunucu tarafı etiketleme, etiketlerin bir kısmını ziyaretçinin tarayıcısından sizin yönettiğiniz bir bulut sunucusuna taşıyan kurulumdur. Kurulumda iki kapsayıcı çalışır: sitedeki web kapsayıcısı olayı sunucu kapsayıcısına yollar, sunucu kapsayıcısı veriyi Google ürünlerine ya da reklam platformlarına dağıtır. Google yöntemin faydalarını sayfa performansı, veri gizliliği üzerinde denetim ve veri kalitesi olarak sıralar. Sunucu kapsayıcısı bir bulut platformunda barındırıldığı için aylık sunucu gideri doğurur. Meta reklamlarında sunucudan olay gönderen bağlantının adı Conversion API'dir (uygulama programlama arayüzü). Meta tarafındaki kurulum yollarını Conversion API'nin nasıl çalıştığını anlatan yazımızda bulursunuz.

Tag Manager ile Google etiketi (gtag.js) arasındaki fark nedir?

Tag Manager ile Google etiketi (gtag.js) arasındaki temel fark etiketlerin yönetildiği yerdir. Google etiketinde her ölçüm kodunu site koduna yazarsınız. Tag Manager'da aynı işi web arayüzünden yaparsınız. İki yöntem birbirinin rakibi değildir. Google etiketini Tag Manager üzerinden kurmak gtag.js kodunu siteye eklemekle aynı sonucu verir. Aşağıdaki tablo Google'ın Etiket Yöneticisi ile gtag.js karşılaştırmasına dayanır.

Sitenizde Tag Manager çalışıyorsa aynı ürün için ayrıca gtag.js kodu eklemeyin. Google da Tag Manager kullanan sitelerde ek gtag.js koduna gerek olmadığını belirtir.

Kurulumda sık yapılan hatalar nelerdir?

Kurulumda en sık yapılan hatalar çift etiket, yayınlanmayan sürüm ile eksik izin modu bağlantısıdır. Ölçüm denetimlerinde karşılaştığımız beş hata şöyledir:

• Çift etiket. GA4 kodu hem tema dosyasında hem kapsayıcıda durur. Her sayfa görüntüleme iki kez sayılır.
• Yayınlanmayan sürüm. Değişiklik çalışma alanında kalır. Önizlemede çalışan etiket Gönder ile yayınlanmadıkça ziyaretçide çalışmaz.
• Eksik izin modu. Çerez bandındaki karar etiketlere ulaşmaz. İzin etiketi İzin Başlatma - Tüm Sayfalar tetikleyicisine bağlanmalıdır. Sinyalleri Consent Mode v2 rehberimizde anlattık.
• Doğrulamasız form tetikleyicisi. Form Gönderme tetikleyicisinde Doğrulamayı Kontrol Et kapalıysa başarısız gönderim denemeleri de sayılır.
• Tek yönetici. Hesap ajansın ya da işten ayrılan bir çalışanın Google hesabında açılmıştır. Google hesabı etiketlerin sahibi olan şirketin açmasını, en az iki yönetici tanımlanmasını önerir.

Etiketlerin doğru çalıştığı nasıl kontrol edilir?

Etiketlerin doğru çalıştığı Tag Manager'ın önizleme moduyla kontrol edilir. Önizleme taslak kapsayıcıyı yalnız sizin tarayıcınızda çalıştırır. Tag Assistant ekranı hangi etiketin hangi olayda etkinleştiğini, hangi veriyi gönderdiğini gösterir. Ziyaretçiler bu ekranı görmez. GA4 etkinliklerini aynı anda DebugView raporunda izlersiniz. Yayından sonra Sürümler sekmesi hangi sürümün ne zaman, kim tarafından yayınlandığını listeler.

Her yayından önce şu dört soruyu yanıtlayın:

• Her etiket beklenen olayda yalnız bir kez mi etkinleşiyor?
• Değişkenler doğru değeri mi taşıyor, boş görünen var mı?
• Çerez bandında reddet seçildiğinde reklam etiketleri duruyor mu?
• Sürüme neyin değiştiğini anlatan bir ad verildi mi?

Bu adımları kendi ekibinizle uygulayabilirsiniz. Ölçüm planından canlı teste kadar GA4 ile Tag Manager kurulumunu nasıl ele aldığımızı Google Analytics kurulumu sayfamızda anlattık.