Dijital pazarlama stratejilerinin vazgeçilmez bir parçası olan analizler, doğru araçlar ve yöntemlerle yürütüldüğünde büyük bir avantaj sağlar. Bu noktada Google Tag Manager (GTM), web sitenize eklediğiniz izleme kodlarını ve etiketleri tek bir yerden yönetmenize olanak tanıyan güçlü bir araç olarak öne çıkar. GTM, kullanıcı dostu arayüzü ve esnek yapısıyla hem teknik bilgiye sahip olanlara hem de yeni başlayanlara hitap eder. Bu yazıda Google Tag Manager kurulumu ve bu aracın nasıl çalıştığına dair bilgilere ulaşabilirsiniz.
Google Tag Manager Nedir?
GTM, web sitenize ve mobil uygulamanıza çeşitli izleme ve analiz kodlarını eklemenizi, yönetmenizi ve düzenlemenizi kolaylaştıran bir etiket yönetim sistemidir. Google Tag Manager kurulumu ile tek bir platform üzerinden farklı izleme kodlarını ve etiketlerini yönetebilirsiniz. Bu aracın özellikleri şu şekildedir:
- Merkezi Yönetim: Farklı izleme kodlarını tek bir yerden yönetmenizi sağlar. Bu, karmaşık izleme senaryolarını bile kolayca kontrol etmenize olanak tanır.
- Kolay Kurulum: Kod ekleme ve düzenleme işlemlerini teknik bilgi gerektirmeden gerçekleştirebilirsiniz. Google Tag Manager kurulumu aracın kullanıcı dostu arayüzü sayesinde oldukça basittir.
- Hızlı Güncellemeler: Yeni etiketler eklemek veya mevcut etiketleri güncellemek için web sitenizin kaynak kodunda değişiklik yapmanız gerekmez. Tüm işlemler GTM üzerinden yapılır, bu da güncellemelerin hızlı ve hatasız bir şekilde gerçekleştirilmesini sağlar.
- Özelleştirilmiş Tetikleyiciler: Hangi etiketlerin hangi durumlarda çalışacağını belirleyen tetikleyiciler (triggers) oluşturabilirsiniz. Örneğin; belirli bir sayfanın görüntülenmesi veya bir butona tıklanması gibi olayları izleyebilirsiniz.
- Gelişmiş Entegrasyon: Google Analytics, Google Ads ve diğer üçüncü parti araçlarla kolay entegrasyon sağlar. Bu sayede pazarlama kampanyalarınızın ve kullanıcı davranışlarının detaylı analizini yapabilirsiniz.
Google Tag Manager’ın Bileşenleri
Google Tag Manager, bileşenleri kullanarak web sitenizdeki izleme ve analiz işlemlerini merkezi bir yerden yönetmenizi sağlar, böylece pazarlama ve analiz ekipleriniz daha verimli çalışabilir. GTM’in bileşenleri şunlardır:
1. Tags (Etiketler)
Etiketler, GTM’in temel bileşenlerinden biridir ve genellikle üçüncü taraf hizmetlerine veri göndermek için kullanılır. Örneğin; Google Analytics, Google Ads ve Facebook Pixel gibi hizmetler için etiketler oluşturabilirsiniz. GTM’de oluşturabileceğiniz bazı etiket türleri:
- Google Analytics Etiketleri: Sayfa görüntüleme ve olay izleme gibi çeşitli izleme türlerini kapsar.
- Google Ads Etiketleri: Dönüşüm izleme ve remarketing etiketleri içerir.
- Özel HTML Etiketleri: Özel izleme kodlarını veya üçüncü taraf kodlarını eklemek için kullanılır.
- Diğer Üçüncü Taraf Etiketleri: Hotjar gibi araçların etiketleri de eklenebilir.
2. Triggers (Tetikleyiciler)
Tetikleyiciler, etiketlerin ne zaman ve hangi koşullarda tetikleneceğini belirler.
3. Variables (Değişkenler)
Değişkenler, etiketler ve tetikleyiciler tarafından kullanılan dinamik değerleri saklar. GTM’de iki ana değişken türü vardır:
- Yerleşik Değişkenler: GTM tarafından otomatik olarak sağlanır ve yaygın izleme görevleri için kullanılır. Örneğin, sayfa URL’i ve tıklanan öğe gibi değerler.
- Özel Değişkenler: Kullanıcılar tarafından oluşturulan ve belirli izleme gereksinimlerini karşılamak için kullanılan değişkenler.
4. Data Layer (Veri Katmanı)
Veri Katmanı, web sitesinden veya uygulamadan GTM’e veri göndermek için kullanılan bir JavaScript nesnesidir. Veri katmanı, izleme bilgilerini düzenli ve yapılandırılmış bir şekilde GTM’e iletir. Örneğin; e-ticaret işlemlerinde satın alma bilgilerini GTM’e iletmek için kullanılır.
Adım Adım Google Tag Manager Kurulumu
Google Tag Manager kurulumu için ilk olarak buraya tıklayarak giriş yapmalısınız. Ardından açılan sayfada “Create Account” seçeneğine tıklamalısınız.
Bu alanda hesabınızın adını, ülkenizi ve hedef platformuzunu seçmelisiniz. Sonrasında “container name” alanını doldurup “Create” butonuna tıklamalısınız.
Bir sonraki adımda Google Tag Manager’ın şartlarını kabul etmeniz gerekecektir. “I also accept the Data Processing Terms as required by GDPR” butonunu kabul ederek “Yes” seçeneğine tıklamalısınız.
Google Tag Manager kurulumunu tamamlamak için size verilen kodları web sitenize yerleştirmeniz gerecektir. Eğer uygulamanızın verilerini takip edecekseniz Google’ın Firebase SDK aracını kullanmanız gerekmektedir.
Google Tag Manager Kodu Nereye Eklenir?
Web siteniz için veri takibi yapıyorsanız GTM tarafından sağlanan ilk kod parçasını, web sitenizin her sayfasındaki <head> etiketinin hemen içine; ikinci kod parçasını, <body> etiketinin hemen altına eklemelisiniz.
WordPress GTM Kodu Ekleme
WordPress altyapılı siteler için GTM kodu eklemenin 2 yolu bulunur:
1. Eklenti Kullanımı: Header Footer Code Manager, Insert Headers and Footers ya da Head, Footer and Post Injections eklentilerinden birini tercih edebilirsiniz. Örneğin; Head, Footer and Post Injections eklentisinde aşağıdaki şekilde kodu ekleyebilirsiniz:
2. Manuel Ekleme: Eğer eklenti kullanmak istemiyorsanız GTM kodlarını doğrudan tema dosyalarınıza da ekleyebilirsiniz. Ancak bu yöntem, biraz daha teknik bilgi gerektirir.
- WordPress yönetici panelinde “Görünüm” menüsünün altında bulunan “Tema Düzenleyici” seçeneğine tıklayın.
- Tema dosyaları arasında header.php dosyasını açın.
- GTM tarafından sağlanan ilk kod parçasını <head> etiketinin içine yapıştırın.
- Ardından GTM tarafından sağlanan ikinci kod parçasını <body> etiketinin hemen altına yapıştırın ve kaydedin.
Shopify GTM Kodu Ekleme
Shopify altyapılı siteler için GTM kodunu aşağıdaki adımları takip ederek ekleyebilirsiniz:
- Yönetim panelinize giriş yapın ve “Online Store” menüsünün altında bulunan “Themes” sekmesini açın.
- Bu sayfada mevcut temanızın alanında bulunan üç noktaya(…) tıklayarak “Edit Code” butonuna tıklayın.
- Açılan sayfada “theme.liquid” sekmesini açın ve GTM tarafından sağlanan ilk kod parçasını <head> etiketinin içine yapıştırın.
- Ardından GTM tarafından sağlanan ikinci kod parçasını <body> etiketinin hemen altına yapıştırın ve kaydedin.
Ticimax GTM Kodu Ekleme
Ticimax altyapılı siteler için GTM kodunu aşağıdaki adımları takip ederek ekleyebilirsiniz:
- Yönetim panelinize giriş yapın ve “Ayarlar” menüsünün altında bulunan “Genel Ayarlar” sekmesini açın.
- Bu sayfada “Dijital Pazarlama” sekmesine tıklayın.
- Açılan sayfada “Tag Manager” alanını bulun ve “Google Tag Manager Id” alanına id’nizi ekleyin.
IdeaSoft GTM Kodu Ekleme
IdeaSoft altyapılı siteler için GTM kodunu aşağıdaki adımları takip ederek ekleyebilirsiniz:
- Yönetim panelinize giriş yapın ve “Ayarlar” menüsünün altında bulunan “Genel Ayarlar” sekmesini açın.
- Bu sayfada “SEO Ayarları” alanına tıklayın.
- Açılan sayfada “Site İzleme & Remarketing Kodu” alanını açın ve ilgili kodları ekleyin.
Google Tag Manager Etiketi Nasıl Oluşturulur?
Google Tag Manager kurulumunu tamamladıktan sonra çeşitli olayları takip edebilmek için etiket (tags) oluşturmanız gerekir. Örneğin; form doldurduktan sonra “Teşekkürler” sayfanıza giden kullanıcıların sayısını ölçmek için aşağıdaki adımları takip edebilirsiniz:
1. Google Tag Manager’a giriş yapın ve “Workspace” alanındaki sol sekmede bulunan “Triggers” sayfasını açın.
2. Sağ üstte bulunan “New” butonuna tıklayın ve “Trigger Configuration” kutusunun üstüne tıklayarak düzenleme moduna geçin.
3. Bu aşamada etiketinize uygun bir tetikleyici seçmeniz gerekmektedir. Burada yer alan tetikleyiciler şu şekildedir:
- Consent Initialization: Bu tetikleyici, kullanıcı izni alınan verilerin yüklenmesini sağlar ve onay süreçlerinin başlatılması için kullanılır.
- Initialization: Sayfa yüklemesinin en erken aşamalarında tetiklenir ve genellikle temel yapılandırma veya diğer tetikleyicilerin ve etiketlerin doğru çalışması için kullanılır.
- Page View: All Pages, sayfanın her görüntülenmesinde tetiklenir. Some Pages, belirli sayfa URL’lerine veya yol adlarına bağlı olarak tetiklenir.
- DOM Ready: DOM (Document Object Model) tamamen yüklendiğinde ve analiz edildiğinde tetiklenir, yani sayfa yapısı yüklenmiş ancak tüm kaynaklar yüklenmemiş olabilir.
- Window Loaded: Sayfanın tüm içeriği (resimler, komut dosyaları vb.) tamamen yüklendiğinde tetiklenir.
- All Elements: Sayfa içindeki herhangi bir öğeye tıklanması durumunda tetiklenir.
- Just Links: Yalnızca bağlantı öğelerine tıklanması durumunda tetiklenir. Örneğin, bir “a” etiketi içeren öğelere tıklanması.
- Element Visibility: Belirli bir öğe görünür hale geldiğinde tetiklenir. Bu, belirli bir yüzdeyle görünürlük sağlandığında gerçekleşebilir.
- Form Submission: All Forms, tüm form gönderimlerinde tetiklenir. Some Forms, belirli form öğelerine bağlı olarak tetiklenir.
- Scroll Depth: Kullanıcıların sayfayı belirli bir yüzde oranında dikey veya yatay olarak kaydırdıklarında tetiklenir. Örneğin; %25, %50, %75 ve %100 kaydırma derinliklerinde.
- YouTube Video: YouTube videosu oynatıldığında, duraklatıldığında, bittiğinde veya belirli bir yüzde izlendiğinde tetiklenir. Bu tetikleyici, web sayfanızdaki gömülü YouTube videolarının kullanıcı etkileşimlerini izlemek için kullanılır.
- Custom Event: GTM veri katmanına belirli bir özel olay adıyla bir olay gönderildiğinde tetiklenir.
- History Change: Tarayıcının geçmişi değiştiğinde (örneğin; tek sayfa uygulamalarda URL değişiklikleri) tetiklenir. Bu tetikleyici, URL hash değişikliklerini veya tarihçeyi değiştiren diğer olayları izlemek için kullanılabilir.
- JavaScript Error: Web sayfasında bir JavaScript hatası meydana geldiğinde tetiklenir. Hata mesajını, hata URL’ini ve hata satır numarasını izlemek için kullanılabilir.
- Timer: Belirli aralıklarla veya belirli bir süre geçtikten sonra tetiklenir. Örneğin; her 30 saniyede bir tetiklenebilir.
- Trigger Group: Birden fazla tetikleyicinin kombinasyonuyla çalışır ve bu tetikleyicilerin belirli bir kombinasyonu gerçekleştiğinde tetiklenir. Bu, daha karmaşık tetikleme koşulları oluşturmak için kullanılır.
Bu tetikleyiciler, Google Tag Manager’da etiketlerin doğru zaman ve koşullarda tetiklenmesini sağlamak için esnek ve güçlü bir yapı sunar. Her bir tetikleyici türü, web sitenizin veya uygulamanızın izleme gereksinimlerine göre özelleştirilebilir.
4. “Teşekkürler” sayfasının görüntülenme sayısını ölçeceğimiz için bu tetikleyiciler arasından “Page View” tetikleyicisini seçin.
5. Ardından “Some Page Views” seçeneğini işaretleyin ve değeri “Page URL” seçerek sayfanızın URL’ini girin. Bu aşamada “equals” seçeneğini işaretlerseniz URL’in tam halini, “contains” seçeneğini işaretlerseniz URL’inizde geçen slug’ı ekleyebilirsiniz.
6. İşlemlerinizi tamamlayınca tetikleyicinizi bir ad verin ve “Save” butonuna tıklayın.
7. Sol alandaki sekmeden “Tags” sayfasını açın ve sağ üstte bulunan “New” butonuna tıklayın.
8. Açılan sayfada “Triggering” kutusuna tıklayın ve oluşturduğunuz tetikleyiciyi seçin.
9. Ardından “Tag Configuration” kutusuna tıklayın ve “Tag Type” seçin. “Teşekkürler” sayfanızı ziyaret eden kişilerin sayısını ölçümleyebilmek için “Google Analytics: GA4 Event” seçeneğini seçebilirsiniz. Bu sayede GA hesabınız üzerinden verilere erişebilirsiniz. Etiket türünü seçtikten sonra GA ID’nizi girmeniz gerekir. Bu ID’yi bulmak için ilk olarak GA hesabınıza giriş yapmanız gerekir. Ardından Yönetici > Veri Akışları adımlarını izlemelisiniz. İlgili veri akışına tıkladığınızda “Ölçüm Kimliği” alanındaki G ile başlayan kodu alabilirsiniz. Kodu girdikten sonra “Event Name” alanına etkinliğinizin adını yazıp “Save” butonuna tıklayabilirsiniz.
10. Tüm adımları tamamladıktan sonra ise “Workspace” sayfasında sağ üstte bulunan “Submit” butonuna ve ardından “Publish” butonuna tıklamalısınız. Son olarak etiketinizin çalıştığından emin olmak için Google Tag Manager ile önizleme yapabilirsiniz.
Google Tag Manager ile Önizleme Nasıl Yapılır?
Google Tag Manager ile önizleme yapabilmek için ilk olarak “Workspace” sayfasında bulunan “Preview” butonuna tıklamalısınız.
Ardından açılan sayfada “Your website’s URL” alanına test edeceğiniz web sitesinin URL’ini girip “Connect” butonuna tıklamalısınız. Bu aşamada ilgili site yeni bir sekmede açılır. Bu sekmede yaptığınız her davranışı ise “Preview” sayfasında görebilirsiniz.
Kurduğunuz etiketin çalışıp çalışmadığını görmek için ise açılan sayfada bu işlemi gerçekleştirmeniz gerekir. Örneğin; bir form doldurduktan sonra kullanıcı, “Teşekkürler” sayfasına yönlendiriliyorsa form doldurarak bunu ölçüp ölçemediğinizi test etmelisiniz. Yukarıdaki görselde de görüldüğü üzere bunu test ettiğimizde ilgili etiketin “Tags Fired” alanında olduğunu görüyoruz. Eğer form doldurduktan sonra “Teşekkürler” sayfasına yönlendirildiyseniz ancak kurduğunuz etiket “Tags Not Fired” alanında yer alıyorsa kurulumu gözden geçirmeniz gerekir. Etiketinizi “Tags Fired” alanında görüyorsanız kurulum başarılı olmuştur.