Websitenizde gerçekleşen tıklamalar, ziyaretçilerinizin sitenizde gerçekleştirdiği en doğal davranışlardan birisidir. Kullanıcılar farklı bir sayfaya geçmek, bir eseri sepete eklemek için tıklamalar gerçekleştirirler. Websitenizde gerçekleşen tüm tıklamaları takip etmek sizin için bir mana tabir etmeyebilir fakat takip ettiğinizde size hakikaten yararlı bilgiler sağlayabilecek tıklamalarda olacaktır.
Google Tag Manager kullanarak ekstra bir koda gereksinim duymadan bir kaç kolay adımla websitenizde gerçekleşen tıklamaları takip edebilir, bu bilgileri direkt Google Analytics hesabınıza aktarabilirsiniz.
GTM aracılığı ile takip edebileceğiniz kimi tıklama örnekleri:
- İletişim ilişkisi tıklamaları (tıkla orta butonu, live chat araçları, email adresi v.b)
- İndirme teması tıklamaları
- Buton tıklamaları ( sepete ekle butonu, newsletter kayıt butonu v.b)
- Outbound linkler (kullanıcıları yönlendirdiğiniz dış linkler)
Bu yazımda üstteki örneklerden bir kaçını adım adım nasıl kurabileceğinizi anlacağım. Başlamadan evvel elbette aktif bir Google Tag Manager ve Google Analytics hesabınız olmalı. Şayet yoksa şu adımları izleyin:
a. tagmanager.google.com‘a girerek bir hesap oluşturun ve Google’ın size vermiş olduğu kod snippet’ini websitenizin tüm sayfalarına ekleyin.
b. Daha evvel yazmış olduğum GTM ile Google Analytics hesabı oluşturma başlıklı yazımı ziyaret edin ve suram adımlarını tamamlayın.
Buraya kadar her şey tamamsa artık başlayabiliriz.
Yazı İçeriği
Google Tag Manager ile Buton Tıklamalarını İzleme
Özetle, bu süreçte belirlemiş olduğumuz butonlar için event tanımlayacak, tanımlanan aktifliğe ilişkin dataları Google Analytics hesabınıza yansıtabileceksiniz.
Süreci adım adım şu formda dizayn edeceğiz.
- Butonun seçimi
- Değişken tanımlama
- Tetikleyici oluşturma
- Etiket oluşturma
- Test etme
- Yayınlama
Butonun Seçimi
Öncelikle websitenizde hangi butonu takip edeceğinizi belirleyin. Ben bu örnekte websitemde bulunan “abone olun” butonu üzerinden ilerleyeceğim.
Gelin artık bu butonu nasıl takip edebileceğimize bakalım.
Öncelikle takip etmek istediğiniz butonu sitenizde bulunan öteki butonlardan ayıran bir şeye muhtaçlığımız bulunuyor. (id, element, class v.b) Benim takip etmek istediğim butonun kodu aşağıdaki formda.
<input type="submit" value="ABONE OLUN" class="wpcf7-form-control wpcf7-submit button">Yukarıdaki class “wpcf7-form-control wpcf7-submit button” bedelini kullanarak buton tıklamaları takibini gerçekleştirebiliriz.
Not: Birebir class kıymetine sahip butonu blog yazılarımın bulunduğu sidebar’da da kullanıyorum. Hangi formun ne kadar tıklandığını görmek için etiket oluşturduğumuz vakit aktifliğin hangi sayfalarda gerçekleştiğini bilgisini de Google Analytics’e göndereceğiz.
Takip etmek istediğiniz butona ilişkin değişkenleri bulmakta zorlanıyorsanız aşağıdaki adımları izleyin.
a. GTM hesabınızın sol tarafında bulunan menüden tetikleyiciler sekmesine gidin ve yeni ekleye tıklayın. Tetikleyici ayarlarını yapılandır dediğinizde ekranınızın sağ kısmında tetikleyici cinsini belirleyeceğiniz bir alanla karşılaşacaksınız. Bu alanda tetikleyici tipini “sadece bağlantılar” olarak seçip, tetiklenme şartını da “tüm ilişki tıklamaları” olarak belirleyip kaydedin.
b. Google Tag Manager hesabınızın sağ üst kısmında yer alan önizleme butonuna tıklayıp, ön izleme modunu faal edin.
c. Artık yeni bir pencerede websitenize giriş yaptığınızda websitenizin alt tarafında GTM’in hata ayıklama ve önizleme aracı ile karşılacaksınız. İlgili olabilecek değişkenleri faal ettikten sonra (GTM hesabınızın değişkenler kısmından etkin edebilirsiniz) takip etmek istediğiniz butona tıklayın ve önizleme aracında değişkenler kısmına gelin.
Bu alanda yaptığınız tıklamaya ilişkin dataları özet kısmının son sürecinde görebilirsiniz. Ekranın sağ tarafında ise bu tıklamaya ilişkin aktiflikleri izleyebileceğimiz değişenleri görebilirsiniz. Click URL = tel, Click Element = tel v.b
Değişkeni Etkinleştirme
Butonu ve nasıl takip edebileceğimizi belirledikten sonra sıra Google Tag Manager hesabında değişken tanımlamaya geldi. Google Tag Manager hesabınızda hali hazırda tanımlanmış birtakım değişkenler (page url, click url, form element v.b) mevcut olduğu üzere kendiniz de değişken oluşturabiliyorsunuz.
Örneğimizdeki butonu class kıymetiyle takip edeceğimizi belirlemiştik. Artık tek yapmamız gereken şey GTM hesabınızında değişkenler kısmına girip “Click Classes” değişkenini faal etmek.
Şu adımları izleyin:
GTM hesabınızın sol tarafında bulunan menüden Variables(değişkenler) sekmesini açın.
Karşınıza çıkan ekrandan “yapılandır”a tıklayın.
Ekranın sağ kısmında açıkacak pencereden ilgili değişkeni etkin edin.
Tetikleyici Oluşturma
Google Tag Manager’da tetikleyiciler bir web sayfasında yahut taşınabilir uygulamadaki sayfa görüntülemelerini, buton tıklamalarını, form göndermeleri üzere muhakkak aktiflik cinslerini izler. Yapılandırılmış aktiflik gerçekleşip gerçekleşmediği tetikleyiciler sayesinde izlenir. GTM’de oluşturacağınız etiketlerin aktifleşmesini sağlamak için en az bir tetikleyici bulunmalıdır. Oluşturmuş olduğunuz etiketler, belirlediğiniz şartlar sağlandığında aktifleşir yahut engellenir.
Oluşturacağımız aktiflik ile tıklamaları izlemek istediğimizden ötürü trigger olarak tıklama tetikleyicisini kullanacağız. Google Tag Manager tıklamaları iki farklı formda tıklama tetikleyicisi çeşidi bulunmaktadır.
Tüm öğeler: Bir sayfada yapılan tüm öğelere tıklamaları izlemenizi sağlar. (buton, fotoğraf, link v.b)
Bağlantılar: Yalnızca temaslara (linklere) yapılan tıklamaları izlemenizi sağlar.
Biz bu örnekte “tüm öğeler” üzerinden ilerleyeceğiz. Fakat aktifliğin gerçekleşmesi için bir şart belirlememiz gerekiyor. Yoksa gerçekleşen tüm tıklamaları Google Analytics’e event olarak göndeririz. Belirleyeceğimiz şart ise birinci adımda belirlediğimiz class değişkeni olacak. Yani GTM’e Click Classes şu şartları sağladığında bu trigger tetiklensin dememiz gerekiyor.
Yukarıdaki gördüğünüz üzere bir tetikleyici oluşturmalıyız. Böylelikle “Click Classes” istediğimiz şartları içerdiğinde trigger tetiklenecek.
Şu adımları izleyin:
GTM hesabınızın sol tarafında bulunan menüden Triggers (tetikleyiciler) sekmesini açın.
Yeni tetiklici ekleyi seçin
Tetikleyici cinsini “Tıklama – Tüm elementler” olarak yapılandırın
Tetikleyinin aktifleşmesini sağlayacak şartı ” Birtakım Tıklamalar ” olarak belirleyin.
Takip etmek istediğiniz butonun hangi şartlarda tetikleneceğini belirtin ve kaydedin.
Etiket Oluşturma
Buraya kadar yap bozun bir çok kesimini oluşturduk. Artık tüm bu oluşturduğumuz şeyleri birleştirerek Google Analyics’e buton tıklamalarını gösteren event’leri göndermeye başlayabiliriz.
Google Tag Manager hesabınızın sol tarafında bulunan menüden “Etiketler” sekmesinden “YENİ” butonuna tıklayarak etiketimizi oluşturmaya başlayalım.
Oluşturacağımız etikete isim verdikten sonra oluşturduğumuz etiketi yapılandırıp bir trigger eklememiz gerekiyor.
a. Etiketi Yapılandırma
“Etiketi yapılandır” sekmesine tıkladıktan sonra etiket çeşidi olarak Google Analytics – Universal Analytics sekmesini seçeceğiz.
Google Analytics etiketinizin ayarlarını aşağıdaki halde düzenliyoruz.
Tracking Type: Event
Category: MailButton
Action: Click
Label: {{Page URL}}
Yukarıda belirlediğimiz halde bir aktiflik oluşturduğumuzda Google Analytics Aktiflik raporlarında,
Etkinlik kategorisi: MailButton
İşlem: Click
Label: {{Page URL}} değişkeniyle de aktifliğin hangi sayfada tetiklendiğini görebileceğiz.
Aynı vakitte üstte tanımladığımız parametrelerin bu biçimde olma zaruriliği yok. Bu alanları size en manalı gelecek formda yapılandırabilirsiniz.
Son olarak Google Analytics ayarlarını tamamlayıp tetikleyici ayarlarını yapılandırma sürecine geçebiliriz. Daha evvel Google Analytics ID’nizi değişken olarak tanımlamadıysanız bu alana Google Analytics ID’nizi girebilirsiniz. (UA-XXXXXXX) Lakin Google Analytics ID’nizi değişken olarak tanımlamak Tag Manager hesabınızı daha pratik kullanmanızı sağlayacaktır.
Google Analytics etiketinizi değişken olarak GTM hesabınıza tanımlamak ileride mümkün bir Analytics hesabı değişikliğinde etiketlerinizdeki GA ID’sini tek tek değiştirmek yerine tek seferde tüm ID’lerinizi değiştirmenizi sağlayacaktır.
b. Tetikleyiciyi tanımlama
Daha evvel oluşturduğumuz tetikleyiciyi, oluşturduğumuz etiketin tetiklenme şartı olarak tanımlayıp etiketi kaydedebiliriz.
Test Edin
Şimdi sırada oluşturduğumuz etiketin gerçek yapılandırıp yapılandırılmadığını test etmeye geldi.
Bunun için öncelikle Google Tag Manager hesabınızı önizleme moduna almalısınız. (GTM hesabınızın sağ üst tarafında bununla ilgili butonu görebilirsiniz.) Akabinde yeni bir pencerede websitenize girin. Siteniz yüklendiğinde ekranın alt kısmında, üstte gördüğünüz üzere Google Tag Manager Kusur Konsolu açılacaktır. Bu konsolda sayfanızda hangi etiketlerin tetiklendiğini görebilirsiniz.
GTM hesabınız ön izleme modundayken izlemek istediğiniz butona tıklayın. Tetiklenen etiketler kısmında oluşturmuş etiket tetikleniyorsa buraya kadar her şey yolunda gidiyor demektir.
Son olarak Google Analytics hesabınızın gerçek vakitli raporlar kısmından etkinlikler raporunu çalıştırıp, tanımlamış olduğunuz aktifliğin raporunuza yansıyıp yansımadığınızı denetim edin. Her şey yolundaysa oluşturmuş olduğunuz etiketi yayınlayabilirsiniz.
Hatırlatma: Yukarıda tanımlamış olduğumuz event, buton tıklandığında tetiklenecektir. Yani rastgele bir tıklama bu eventi tetikler. Sürecin başarılı yahut başarısız olması bir değer söz etmez. Şayet yalnızca başarılı kayıtları takip etmek isterseniz daha farklı yol izlemeniz gerekmektedir.
GTM ile Outbound Linkleri Takip Etme
Google etiket yöneticisini kullanarak, bir tıklama aktifliği ile farklı websitelerine yönlendirdiğiniz kullanıcıları da takip edebilirsiniz. Örneğin, websitenize gelmiş daha sonra toplumsal medya profillerinizi ziyaret etmiş kullanıcıları bir aktiflik süreci olarak Google Analytics hesabınıza event olarak gönderebilirsiniz.
Dışarıya yönlendirdiğiniz irtibatları takip etmek için aşağıdaki adımları izleyin:
1. Değişken Tanımlama
2. Tetikleyici Oluşturma
3. Etiket Oluşturma
4. Test Etme
Değişken Tanımlama
a. Is outbound click URL
Değişken İsmi: Is Outbound Click URL
Değişken: Özel Javascript
function() {
if ({{Click Hostname}}.indexOf({{Page Domain Name}}) === -1) {
return true;
}
return false;
}b. Page domain name
Değişken İsmi: Page Domain Name
Değişken: Özel Javascript
function() {
return {{Page Hostname}}.match(/[^.]*.[^.]{2,3}(?:.[^.]{2,3})?$/)[0];
}c. Click host name
Değişken İsmi: Click Hostname
Değişken: Otomatik Aktiflik Değişkeni
Değişken Çeşidi: Öğe URL’i
Bileşen Çeşidi: Ana MakineAdı
Tetikleyici Oluşturma
Tetikleyici İsmi: Link Click – Outbound Link
Tetikleyici Tipi: Tıklama > Sırf bağlantılar
Aktif Et: Etiketleri Bekle
Page URL: şu olağan sözle eşleşir .*
Tetiklenme Şartı: Birtakım İrtibat Tıklamaları: Is Outbound Click URL içerir “true”
Etiket Oluşturma
Etiket Tipi: Google Analytics – Universal Analytics
Kategori: Outbound Link Click
İşlem: {{Click Hostname}}
Etiket: {{Click URL}}
Google Analytics Ayarları: {{Google Analytics ID’niz}}
Tetikleyici: Link Click – Outbound Link
Yukarıdaki 5 evreyi da tamamladıktan sonra GTM hesabınızı önizleme modunda çalıştırın, akabinde Google Analytics’te gerçek vakitli raporlardan event’leri de denetim edin. Her şey hoş görünüyorsa oluşturduğunuz etiketi publish edebilirsiniz.
GTM ile İrtibat Linklerini Takip Etme
Bu kısımda ise Etiket Yöneticisini kullanarak websitenizde bulunan “tel:” yahut “mailto:” linklerinin tıklamalarını Google Analytics’e event olarak aktaracağız. Her zamanki üzere birtakım değişkenler, tetikleyici ve etiket oluşturmamız gerekiyor.
Değişken Tanımlama
a. Click ProtocolDeğişken İsmi: Click Protocol
Değişken: Otomatik Aktiflik Değişkeni
Değişken Çeşidi: Öğe URL’i
Bileşen Tipi: Protokol
b. Click URL – No Protocol
function() {
if ({{Click URL}}) {
return {{Click URL}}.split(':')[1];
}
}Değişken İsmi: Click URL – No Protocol
Değişken Çeşidi: Özel Javascript
c. Lookup – Link Type
Değişken İsmi: Lookup – Link Type
Değişken: Arama Tablosu
Giriş Değişkeni: Click Protocol
Giriş ve Çıktılar: mailto= Email Link, tel = Phone Number Link
Tetikleyici Tanımlama
Tetikleyici İsmi: Link Click – ‘tel’ Or ‘mailto’ Protocol
Tetikleyici Çeşidi:Bağlantı Tıklamaları
Aktif Et: Etiketleri Bekle
Page URL: şu olağan sözle eşleşir .*
Tetiklenme Şartı: Kimi Temas Tıklamaları
Click Protocol şu olağan tabirle eşleşir: mailto|tel
Etiket Oluşturma
Etiket İsmi: GA – Event – Contact Link Clicks
İzleme Çeşidi: Etkinlik
Kategori: Contact Link Click
İşlem: {{Lookup – Link Type}}
Etiket: {{Click URL – No Protocol}}
Google Analytics Ayarları: {{Google Analytics ID’niz}}
Tetikleyici: Link Click – ‘tel’ Or ‘mailto’ Protocol
Yukarıdaki değişkenleri, tetikleyiciyi ve etiketi oluşturduktan sonra ilgili test sürecini başlatabilirsiniz. Bu event yalnızca mailto:mailadresiniz.com ve tel:05xxxxxxx halinde bulunan linklerin tıklanmasıyla tetiklenecektir.