0540 022 64 22 Ücretsiz Teklif

Web Tasarım

GTM Kapsayıcısını Siteye Doğru Ekleme Adımları

· Aniba Digital · 5 dk okuma

İçindekiler 12 başlık
  1. Önce kapsayıcıyı oluşturun
  2. WordPress’te ekleme
  3. Astro, Next.js ve benzeri modern sitelerde
  4. Site oluşturucu platformlarda
  5. Kurulumu nasıl doğrularsınız?
  6. Önbellek ve CDN tuzağı
  7. Çok dilli ve çok alan adlı siteler
  8. Kısa bir teslim listesi
  9. Yayınlamayı unutmak
  10. Çakışan kodları temizleyin
  11. Erişim ve sahiplik
  12. Kurulum sonrası ilk gün notu

“GTM’i kurdum ama hiçbir şey çalışmıyor” cümlesini yılda onlarca kez duyuyoruz. Vakaların büyük kısmında etiketler doğru, kapsayıcı boş ya da yanlış yerde: kod ya sayfaya hiç ulaşmıyor ya da iki kez ulaşıyor. Kodu doğru yere, doğru sayıda eklemek yarım işi çözüyor.

Önce kapsayıcıyı oluşturun

tagmanager.google.com üzerinden bir hesap açın, hesap adı olarak işletmenizin adını yazın. Kapsayıcı adı olarak sitenizin alan adını kullanın; hedef platform olarak “Web” seçin. Karşınıza iki kod parçası çıkar.

Bu iki parça farklı işler yapar. Birincisi bir JavaScript betiğidir ve sayfanın <head> bölümünün mümkün olduğunca üst kısmına konur. İkincisi <noscript> içinde bir iframe’dir ve <body> açılışının hemen ardına konur; JavaScript kapalı olan nadir ziyaretçiler için yedektir. Çoğu kurulumda ilk parçayı eklemek yeter, ama ikisini birlikte eklemek Google’ın önerisidir.

WordPress’te ekleme

Üç yol var. En temizi, tema dosyasındaki header.php içine ilk parçayı, <body> etiketinden hemen sonra ikinci parçayı eklemek. Ama tema güncellenince bu düzenleme silinebilir; bu yüzden bir alt tema (child theme) kullanmak sağlıklı. İkinci yol, GTM için yazılmış bir eklenti kullanmaktır; kod ekleme işini eklenti yapar ve tema değişiminden etkilenmez. Üçüncü yol, sayfa oluşturucunun ya da SEO eklentisinin “özel kod ekle” bölümünü kullanmaktır.

Hangi yolu seçerseniz seçin tek bir yerde durun. Eklenti kuruluyken temaya da elle eklerseniz kapsayıcı iki kez yüklenir.

Astro, Next.js ve benzeri modern sitelerde

Bu sitelerde ortak bir düzen (layout) dosyası vardır; kodu oraya bir kez koymak yeter. <head> bölümüne ilk parçayı, <body> başlangıcına ikinci parçayı ekleyin. Sayfa geçişlerini tarayıcı yenilemeden yapan tek sayfalık uygulamalarda ayrıca sanal sayfa görüntüleme olayları göndermeniz gerekebilir; aksi halde yalnızca ilk sayfa ölçülür, sonraki geçişler görünmez. Bu durumda geliştiriciyle konuşmak şart.

Web tasarım aşamasındayken bu detayı hesaba katmak çok daha ucuzdur. Yeni bir site yaptıracaksanız ölçüm ihtiyacını web tasarım briefine baştan yazın; “GTM ve GA4 kurulu, telefon, WhatsApp ve form olayları ölçülüyor” maddesi teslim listesinde yer almalı.

Site oluşturucu platformlarda

Hazır site oluşturucuların çoğunun ayarlarında “özel kod” ya da “izleme kodu” alanı bulunur. Ücretsiz paketlerde bu alan kapalı olabilir; alan kapalıysa GTM eklemek için üst pakete geçmek gerekir. Bunu satın almadan önce sorun. Bazı platformlar <body> başına kod eklemeye izin vermez; bu durumda yalnızca <head> parçasını eklemek yeterlidir, noscript yedeği olmadan da sistem çalışır.

Kurulumu nasıl doğrularsınız?

Üç yöntem, kolaydan zora:

  1. Kaynağı görüntüleyin. Sayfada sağ tıklayıp kaynağı açın, GTM- ile başlayan kimliği arayın. Kaç kez geçtiğine bakın; head kodunda bir kez, noscript’te bir kez olmalı. Fazlası çift kurulum belirtisidir.
  2. Önizleme modunu kullanın. GTM arayüzünde “Önizleme”ye basıp site adresinizi girin. Siteniz açılıyor ve “Connected” görünüyorsa kapsayıcı yüklenmiş demektir. Ayrıntısını GTM önizleme modu yazımızda anlattık.
  3. Tarayıcı ağ sekmesine bakın. Geliştirici araçlarında “gtm.js” isteğini arayın. İstek yoksa ya kod yanlış yere gitmiş ya da bir önbellek eklentisi eski sayfayı sunuyor.

Önbellek ve CDN tuzağı

Kodu ekleyip yayınladınız, tarayıcıda hâlâ görünmüyor. Bu durumda hata çoğunlukla kodda değil önbellekte. Sitenizde bir önbellek eklentisi, sunucu tarafı önbellek ya da bir CDN varsa eski sayfa sunuluyor olabilir. Önbelleği temizleyin, ardından gizli pencerede yeniden deneyin. Bazı barındırma paketlerinde ayrıca bir sunucu önbelleği vardır ve panelden ayrıca temizlenmesi gerekir. Kod eklemeden önce bu önbellek katmanlarını bilmek, “eklendi mi eklenmedi mi” tartışmasını kısaltır.

Çok dilli ve çok alan adlı siteler

Sitenizin birden fazla dili varsa ve her dil ayrı alan adı ya da alt dizinde çalışıyorsa, tek kapsayıcı hepsinde çalışabilir; ama ölçümde dilleri ayırmak için sayfa yolunu bir parametre olarak göndermek iyi olur. Ayrı alan adlarında (ör. ana site ve rezervasyon sistemi) ise alan adları arası ölçüm ayarını yapmazsanız ziyaretçi bir alandan diğerine geçtiğinde yeni bir oturum gibi sayılır ve kaynağı kaybolur. Bunun için GA4 veri akışı ayarlarında alan adları arası ölçüm bölümüne diğer alanları eklemek gerekir. Bu detay atlandığında rakamlar “doğrudan trafik” tarafına kayar ve reklam ya da SEO’nun işe yaramadığı izlenimi doğar.

Kısa bir teslim listesi

Geliştiriciden ya da ajanstan GTM kurulumu istediğinizde teslim maddeleri şunlar olsun: kapsayıcı kimliği ve kimin hesabında olduğu, kapsayıcıya sizin yönetici erişiminiz, kurulan etiketlerin listesi ve her birinin amacı, önizleme ekran görüntüleri, yayınlanan sürüm numarası. Bunlar yazılı olarak gelmezse ayrılık anında elinizde bir kara kutu kalır.

Yayınlamayı unutmak

GTM’de değişiklik yapmak ile yayınlamak farklı şeylerdir. Kapsayıcıya bir etiket ekleyip “Gönder” düğmesine basmazsanız canlı sitede hiçbir şey olmaz. Önizlemede çalışır, canlıda çalışmaz. Kurulum sonunda sağ üstteki mavi düğmeyle bir sürüm yayınlayın ve sürüm adına ne yaptığınızı yazın: “GA4 yapılandırma + telefon tıklama”. Altı ay sonra bu notlar altın değerinde.

Çakışan kodları temizleyin

Kapsayıcıyı ekledikten sonra sitede GA4, Meta pikseli ya da Ads etiketi doğrudan koda gömülü duruyorsa bunları GTM’e taşıyıp koddan kaldırın. Aynı takip iki yerden giderse veriler ikiye katlanır. Taşıma sırası önemli: önce GTM’de etiketi kurup önizlemede test edin, sonra doğrudan koddaki eskisini silin, en son yayınlayın. Hangisinin çift çalıştığını bulmak için tarayıcıya “Tag Assistant” eklentisi yükleyip sayfayı gezmek işinizi görür.

Erişim ve sahiplik

Kapsayıcıyı kimin hesabında açtığınız önemli. Sitenizi yapan geliştirici kendi Google hesabında açarsa, ilişkiniz bittiğinde kapsayıcıya erişemezsiniz. Kendi hesabınızda açın, geliştiriciyi kullanıcı olarak ekleyin. Yetkilerde “yayınlama” iznini sadece güvendiğiniz kişilere verin.

Kurulum sonrası ilk gün notu

Kapsayıcıyı ekledikten sonra ilk gün yapılacak küçük bir kontrol işinizi çok rahatlatır. Sayfayı hem masaüstünden hem telefondan açın, tarayıcının geliştirici araçlarında ağ sekmesini izleyin ve kapsayıcı isteğinin başarıyla döndüğünü doğrulayın. Site birden fazla şablon kullanıyorsa (ana sayfa, blog, ürün sayfası, ödeme adımı) her şablondan bir örnek sayfayı ayrıca deneyin. Kod çoğu zaman ana şablona eklenir ama ödeme ya da giriş sayfaları farklı bir şablon kullanıyor olabilir; ölçümün tam da en değerli sayfalarda çalışmadığını haftalar sonra fark etmek can sıkıcı olur.

Kapsayıcıyı sitenize eklemekte zorlanıyorsanız ya da sitenizde neyin çift çalıştığını çözemiyorsanız iletişim sayfamızdan bize yazabilirsiniz. 0540 022 64 22 numarasına alan adınızı gönderirseniz, kaynağa bakıp ne kurulu olduğunu birlikte netleştiririz.

Aklınızdaki fikri hayata geçirelim

Ücretsiz Teklif Al

İşinizi birkaç cümleyle anlatın. Size yol haritasını ve fiyatı yazılı gönderelim; ilk görüşme ücretsiz.

WhatsApp'tan yazın