Google Chrome için Tag Assistant Uzantısı

Tag Assistant (by Google) Nedir?

Google Tag Assistant; kullanırken işlerimizi kolaylaştıracak, olası sorunları hızlı tespit edebileceğimiz mutlaka olması gereken Google Chrome uzantısıdır. Eklenti sayesinde sayfalarda dolaşırken aktif olduğunuz sayfada hangi etiketin(Google Tag Manager, Google Analytics vs.) çalışıp çalışmadığı bilgisini alabilirsiniz. Aynı zamanda bu etiketlerin doğru çalışıp çalışmadığını ve varsa bir hata bunun nasıl düzeltileceği hakkında bilgi sahibi olabilirsiniz.

Tag Assistant (by Google) Nasıl Kullanılır?

Tag Assistant (by Google) adresinden eklentiyi kurabilirsiniz.

Eklentiyi kurduktan sonra incelemek istediğiniz sayfa açıkken Enable butonuna basarak uzantıyı çalıştırın. Bu işlem ile ilgili sayfada aktif hale getirmiş olacağız. Daha sonrasında bilgilerin gelmesi için sayfamızı yenilememiz gerekmektedir.

Sayfayı yenilediğimizde ilgili sitede aktif olan etiketleri görebilecek ve durumları hakkında bilgi sahibi olabileceğiz.

Google Etiket Yöneticisi Etiket Renkleri Ne Anlama Gelir?

• Kırmızı: Bir etikette çözülmesi gereken ciddi bir sorun olduğunu gösterir. İlgili etikete tıklayarak sorun ve sorunun çözümü hakkında ayrıntılı bilgi edinebilirsiniz.
• Sarı: Bir etikette düşük seviyeli bir sorun olduğunu gösterir. İlgili etikete tıklayarak sorun ve sorunun çözümü hakkında ayrıntılı bilgi edinebilirsiniz.
• Mavi: Etikette standartların dışında bir durum olduğu anlamına gelir. Diğer renklere göre ciddi bir sorun anlamına gelmez fakat standartlara uygun hale getirmek sağlıklı olacaktır. İlgili etikete tıklayarak sorun ve sorunun çözümü hakkında ayrıntılı bilgi edinebilirsiniz.
• Yeşil: Etiketlerde sorun olmadığı gösterir. Bingo!

Google Tag Assistant Recordings Nedir? Nasıl Çalışır?

Google Tag Assistant Recordings, Chrome tarayıcının Google Etiket Yöneticisi uzantısının bir parçasıdır. “Record” düğmesine bastığımızda bu özellik aktif olacaktır. Düğmeye bastıktan sonra kaydın başlaması için sayfayı yenilemeniz gerekmektedir.

Google Tag Assistant Recordings etkinken, ziyaret ettiğiniz sayfaların etiketlerini, etkinliklerini ve etkileşimlerini kaydedebilirsiniz. Bir akışı kaydetmek, sitenizde analytics izleme özelliğinin beklenen şekilde çalıştığını doğrulamanıza yardımcı olur.

Öncelikle kaydedilecek adımları belirleyin ve sayfa dolaşımınızı buna göre planlayarak gerçekleştirin. Buna göre uygun başlangıç sayfasında kaydı başlatın. Bu sayfa sitenizdeki bir sayfa olabileceği gibi Google Search, Facebook gibi sitenize yönlendiren bir bağlantının bulunduğu 3. taraf bir site de olabilir. Daha sonrasında daha önce belirlediğiniz akış doğrultusunda sayfalarda gezinmenizi tamamlayın. Süreç bittiğinde kaydı sona erdirin. “STOP RECORDING” demeniz yeterlidir. Son olarak raporları görebilmek için “VIEW RECORDING” > “Show Full Report” adımlarını izlemek yeterli olacaktır.

Kayıt süreci sonrasında raporlarla belirlenebilecek bazı örnek sorunlar;

• Reklam vasıtasıyla gelen kullanıcıların reklam içeriğinden farklı/alakasız sayfalara yönlendirilmesi
• Harekete geçirici içeriklerin ve butonların/linklerin ilgili sayfalarda yer almaması
• Sayfa yapısı ve gezinimin belirlenen hedefler doğrultusunda kullanıcıyı yönlendirememesi

Google Etiket Yöneticisi Kayıt özelliği ile kullanıcılara dair pek çok bilgiyi edinmek ve sayfalarımızı bu veriler ışığında iyileştirebilmek mümkün. Dikkat etmeniz gereken son bir nokta da record ile elde edilen raporlar geçicidir ve saklanmamışlarsa tarayıcı penceresi kapatıldığında veya yeni bir kayıt başlatıldığında silinirler. Evet bundan sonrası sadece raporları okumaktan geçiyor.

Google Tag Assistant Nedir? Nasıl Kullanılır?
Tarık Akarsu

Google Tag Manager Nasıl Kurulur?

Kurulum sırasında bazı noktalara dikkat etmeniz gerekebilir.

• Eğer ajans olarak kurulum yapıyorsanız her müşteriniz için farklı bir Google Tag Manager hesabı açmalısınız. Google Tag Manager containerları taşınabilirler fakat ayrı hesaplar üzerinden takip etmek daha rahat olacaktır.
• Eğer şirketiniz içinse ve birden fazla web siteniz varsa, tek bir hesap üzerinden devam edip her site ya da uygulama için ayrı bir container oluşturabilirsiniz.

Container (Kapsayıcı): Google Tag Manager’ın hesap seviyesinin altında yer alan nesnedir. Google Analytics te ki “Mülk” gibi düşünebiliriz. Ama yukarıda bahsettiğimiz gibi Containerlar Mülklerin aksine taşınabilirler.

gtm.js Nedir?

Kurulum adımlarına geçmeden önce web sitemizde head ve body kısımlarına ekleyeceğimiz iki ayrı kod bulunmaktadır. Bunların ne işe yaradıklarını ve neden 2 ayrı kod ekleyeceğimize değinelim.

Bize verilen 2 parça kodun ilk kısmı javascript fonksiyonundan oluşmaktadır. Bu fonksiyon sayfa içi çerezler, client ve/veya kullanıcı tanımlı dataLayer iletilerinin/etkinliklerinin (görüntüleme, tıklama, kullanıcı ID, şehir vb.) Google Tag Manager içerisinde entegre edilmiş servislerle olan iletişimini (senkron veya asenkron) sağlamaktadır. 2.kısmı oluşturan iframe kodu ise javascript çalışmayan durumlarda alternatif olarak veri edinimi için kullanılmaktadır. Verinin sağlıklı ve eksiksiz alınabilmesi için 2 kısmında eklenmesi gerekmektedir.

Google Tag Manager Kurulum Adımları

1. tagmanager.google.com sayfasına giderek google hesabınız ile oturum açın.
2. Web, Mobil veya AMP projeniz için bir profil oluşturun.
3. Google Tag Manager snippet kodlarını projemize ekleriz;
   1. Web Sitemiz için;
      1. <script> kod snippet’ini web sayfanızın <head> bölümüne, tercihen <head> açılış etiketinin olabildiğince üstüne, ancak dataLayer bildirimlerinin altına yerleştirin.
      2. <noscript> kod snippet’ini web sayfanızın <body> etiketinin en üstüne yerleştirin.
   2. AMP için;
      1. JavaScript snippet’inin <script> kısmını, </head> kapanış etiketinin hemen üstüne yerleştirin.
      2. <amp-analytics> bölümünü <body> açılış öğesinin hemen sonrasına yerleştirin.
   3. Mobil Uygulamalar için;
      1. Mobil uygulamalar için Google Tag Manager uygulanması, Firebase SDK’sı ile birlikte gerçekleştirilir.
4. Google Tag Manager panelinden yeni etiket oluştur diyerek Google Ads, Facebook Piksel, Google Analytics, Google Optimize, Hotjar gibi entegrasyonları hızlıca yapabilirsiniz.
5. Tabi ki yayına göndererek süreci tamamlamış oluyoruz.

Ne kadar 3.1 ve 3.2 de ki maddelerde olan kodları sitenize manuel eklemenizi tavsiye ediyor olsam da cms ler için çeşitli eklentilerle bunları kolayca ekleyebilirsiniz. Örneğin wordpress de google tag manager kolay kurulumu için DuracellTomi’s Google Tag Manager for WordPress eklentisini tavsiye edebilirim.

Tüm kurulumu bitirdikten sonra etiketlerimizin iki kez tetiklenmediğinden emin olmak için, Google Tag Manager a taşıdığımız tüm sabit kodlu etiketlerimizi sitemizden ve/veya uygulamamızdan kaldırdığımızdan emin olalım.

Google Tag Manager kurulumunuzu daha rahat takip edebilmek amacıyla Google’ın güzel bir Chrome eklentisi olan Tag Assistant (by Google) ı kullanmanızı da tavsiye ederim. Farlı bir eklenti olan dataslayer ı da deneyebilirsiniz.

Google Tag Manager Nasıl Kurulur?
Tarık Akarsu

Google Tag Manager Nedir?

Google Tag Manager (Google Etiket Yöneticisi), ücretsiz bir etiket yönetim sistemidir. Etiketler Javascript ve/veya HTML kodlarından oluşturulabilir. Web sitemize yazılımcıya gerek duymadan belli kurallar belirleyerek istediğimiz sayfalara kodlar eklememize yardımcı olur. Basit kullanımlarda Google Ads, Facebook Piksel, Google Analytics, Google Optimize, Hotjar gibi onlarca reklam ve takip kodunu hızlıca ekleyebiliyoruz. Bir hesap içerisinde birden fazla web sitesi ve fonksiyon kullanılabilir. Android ve IOS uygulamalarımız içinde kullanılabildiği gibi AMP sayfalarımız içinde destek vermektedir. Tüm bunların genelinde bize sağladığı en büyük fayda; web sitemize ekleyeceğimiz tüm harici kodları tek bir yerden görüntüleyebilmek ve kontrol edebilmektir.

Google Tag Manager Bileşenleri

Google Tag Manager, etiket yöneticisini kullanırken aşağıdaki kavramları çok fazla kullanıyor olacağız. Kısaca nasıl kullanacağımızı özetlersek; sitemize Google Analytics kodunu entegre etmek istediğimiz de bunu bir etiket olarak ayarlarız. Bu etiketin ne zaman devreye gireceğini veya girmeyeceğini tetikleyiciler ile ayarlarız. Etiketleri ve tetikleyicileri özel bir kritere göre (ürün türü, sayfa türü, kullanıcı kimliği, scroll yüzdesi, sayfada kalma süresi gibi..) sınırlandırmak veya zenginleştirmek istersek değişkenleri kullanırız.

Etiketler (Tags)

Etiketleri; Google Analytics, Google Optimize, Hotjar gibi üçüncü tarafa izleme bilgisi göndermek için kullanırız.

Tetikleyiciler (Triggers)

Tıklamalar, form gönderimleri veya sayfa yüklemeleri gibi etkinlikleri kontrol edebiliriz. Tetikleyici sayesinde etiketin ne zaman gösterilmesi gerektiğini ayarlayabiliriz. Örneğin bir etiketin sadece https://www.mtakarsu.com/form/tesekkurler.html sayfasında çalışmasını istiyorsak tetikleyiciyi aşağıdaki ayarlarda kullanmamız gerekir.

• Etkinlik: Sayfa Görüntüleme
• Tetikleyici Türü: Sayfa Görüntüleme
• Bu tetikleyici şu koşulda etkinleşir: Bazı Sayfa Görüntülemeler
  • Bir Etkinlik meydana geldiğinde ve bu koşulların tamamı doğru olduğunda bu tetikleyiciyi çalıştır:
    Page URL; şuna eşittir; https://www.mtakarsu.com/form/tesekkurler.html

Değişkenler (Variable)

Değişken; ürün adı, fiyat değeri veya tarih gibi değişecek bir değere ait yer tutucudur. Web sayfanızdaki veya mobil uygulamanızda ki verileri etiketlere, tetikleyicilere ve değişkenlere taşımanızı kolaylaştırmak için kullanılır.

Neden GTM Kullanmalıyım?

• Ücretsiz: Muadil farklı araçlarda bazı özellikler ücretli olarak sunulmasına karşın Google Tag Manager tüm fonksiyonları ile tamamen ücretsizdir.
• Kendin Pişir Kendin Ye: Google Tag Manager kurulumu sonrasında ürününüze (web sitesi, mobil uygulama, amp projesi) bir kod eklemek istediğinizde yazılımcı ihtiyacınız yoktur. Kendi kodunuzu kendiniz kolayca ekleyebilir, yayınlayabilir, ön izlemede kontrol edebilir ve istediğiniz zaman kaldırabilirsiniz.
• Güvenlik: Tabii ki güvenlik açısından da manuel eklemelere göre dolaylı yollardan da olsa daha sağlıklı olduğunu da söylemeden geçmeyeyim. Dosya download/upload yapmadığınızdan dolayı bir çok olası güvenlik riskini almamış oluyorsunuz. Yanlış bir dosya veya sayfada değişiklik yapma riskiniz azalıyor. Çok hızlı müdahale edebiliyorsunuz.
• Hata Ayıklama ve Ön İzleme: Google Tag Manager hata ayıklama ve ön izleme özelliklerini kullanarak oluşturmuş olduğunuz etiketlerin kontrollerini sağlayabilirsiniz. Sitenize ve/veya uygulamanıza kodların zarar vermesini engelleyebilirsiniz. Değişikliklerinizi canlıya almadan önce etiketlerinizin nasıl çalıştığını görebilir, herhangi bir sorun oluşması durumunda anlık olarak müdahale edebilirsiniz.
• Popüler Ürünlerle Tam Uyum: Google Ads, Facebook Piksel, Google Analytics, Google Optimize, Hotjar gibi 50 yi aşkın popüler ürün için tam uyumlu destek vermektedir. Tüm bu tam uyumlu araçların haricinde “Özel HTML” alanından istediğiniz etiketleri ekleyebilirsiniz.
• Türkçe Dil Desteği: Türkçe dil desteğinin olması kolaylık sağlayabilir.
• Asenkron Kod Sistemi: Bir tetikleyiciyi tetiklemeden önce diğer kodlarımızın beklemesini sağlar. Böylelikle takip etiketlerimizin sayfa yüklenme hızlarına olumsuz etkisini önlemiş oluruz.
• İçe Aktar ve Dışa Aktar: İçe ve dışa aktar sayesinde kapsayıcılarımızı(container) sadece ID değişikliği yaparak aynı ayarlarla farklı bir siteye hızlıca taşıyabilir ve kullanabiliriz.
• Versiyon Kontrolü: Daha önce yaptığınız işlemlerin hepsini görüntüleyebilirsiniz. Bunun sayesinde yayından geri alma, düzenleme, eski versiyona dönme, tekrar yayına alma gibi işlemleri yapabilirsiniz.
• Birden Fazla Çalışma Alanı(Workspace): Farklı ekiplerin aynı Google Tag Manager hesabı üzerinde birbirlerinden bağımsız olarak çalışmalarına imkan tanır.
• Kullanıcı Yetkilendirme: Google Tag Manager hesabınıza yeni bir kullanıcı ekleyebilir ve bu kullanıcılara hesap üzerinde aracın verdiği farklı seviye yetkilendirme özelliği sayesinde farklı izinler tanımlayabilirsiniz.
• Değişiklik Geçmişini Görebilme: Kullanıcıların hesapta yaptıkları değişiklikleri görebilirsiniz. Birden fazla kullanıcının olduğu hesaplarda yapılan işlemleri takip edebilmek adına güzel bir özellik.

Google Tag Manager İle Google Tag Manager 360 Arasındaki Farklılıklar

Google Tag Manager küçük ve orta ölçekli firmalar için ideal olmasında ki en büyük nedenlerden birisi işlevsellik konusunda Google Tag Manager 360 dan farkının olmamasıdır. Temel becerilerinde herhangi bir kısıtlamaya gidilmemiştir. Aralarındaki farklılıklara bakacak olursak;

• Limitsiz Çalışma Alanı
  • Ücretsiz sürümde 3 ile sınırlı
• İleri Teknik Destek
  • Büyük ölçekteki firmalar için ideal.
• Onaylı İş Akışları
  • Bir kodun canlıya alınması için çeşitli kullanıcılardan onay sürecine girmesidir. Bu da firmaların iş akış süreçlerine uydurabilmek adına tercih ettikleri bir özelliktir.
• Etiketlemeye Kontrollü Erişim Alanı
  • Belli bölgelere belli kullanıcıların ulaşarak ekleme, düzenleme yapabilmesini sağlamak için kullanılır. Firmaların iç süreçlerinde yaptıkları yetkilendirme süreçlerini desteklemek adına yapılmıştır.

Önümüzdeki dönemlerde bu özelliklerde nasıl bir değişim politikası izlenir bilinmez ama güncel bilgilere ücretli ve ücretsiz versiyonların karşılaştırıldığı sayfadan ulaşabilirsiniz.

Google Tag Manager Alternatifi Ürünler

İncelemek isterseniz bazı alternatif ürünler aşağıdaki gibidir.

• TagCommander
• Piwik PRO
• Yahoo Gemini
• Adobe Dynamic Tag Management
• Tealium
• Signals
• Segment
• Ensighten
• QuBit OpenTag
• AT Internet
• Yottaa

Google Tag Manager Nedir? Ne İşe Yarar?
Tarık Akarsu