Google Etiket Yöneticisi ile form etkinliği takibi
Yayınlanan: 2021-07-19Web sitenizdeki dönüşümleri izlemek için etkinlik izlemeyi kurmanın kolay bir yolunu arıyorsanız, Google Etiket Yöneticisi'ni kullanmayı düşünebilirsiniz.
Bu gönderide Google Etiket Yöneticisi'ni açıklayacağım, nasıl kuracağınızı anlatacağım ve sitenizde form etkinliği izlemeyi nasıl kuracağınızı anlatacağım.
Google Etiket Yöneticisi nedir?
Google Etiket Yöneticisi (GTM), web yöneticilerinin ve pazarlamacıların web sitesi etiketleri eklemesini ve güncellemesini kolaylaştıran ücretsiz bir araçtır. GTM'yi kullanmanın birçok yolu vardır, ancak çoğu işletme bunu dijital pazarlama stratejilerinin başarısını ölçmenin bir aracı olarak olay takibi için kullanır. GTM'nin daha ayrıntılı bir açıklaması için giriş blog yazımıza göz atın.
Etkinlik İzleme için Neden GTM Kullanılmalı?
GTM, etkinlik etiketleriniz üzerinde tam kontrol sağlar. Geliştiricinizden herhangi bir sabit kodlama yapmasını istemek zorunda kalmadan bunları sitenize ekleyebilirsiniz. Bu, diğer kritik projeler üzerinde çalışmak için zamanlarını boşa çıkaracaktır.
GTM ayrıca olay takibinizi kendiniz değiştirmenize ve test etmenize olanak tanır, bu da süreci çok daha basit hale getirir.
Ayrıca, formların JavaScript kullanılarak oluşturulduğu web sitelerinin sayısının arttığını görüyoruz. Bu siteler, hedef URL'leri kullanmaz; bu, Analytics'te basit hedefleri kullanamayacağınız anlamına gelir. Web sitenizin yönetimini geleceğe hazır hale getirmek için GTM ile başa çıkmayı düşünmek iyi bir fikirdir.
GTM'yi yükleme
GTM'yi yüklemek, Google Analytics'i kurmaya çok benzer:
- Google hesabınızı kullanarak Google Etiket Yöneticisi'nde oturum açın - ideal olarak Analytics için kullandığınızla aynı. Ardından ekrandaki adımları izleyin:
Google Etiket Yöneticisi'nde bir hesap oluşturun - Şartlar ve koşulları okuyun ve kabul edin. Daha sonra size kurulum kodu verilecektir. Bu kodu sitenizin her sayfasına, <body> açılış etiketinin hemen ardından eklemeniz gerekecek. Bunu kendiniz yapamıyorsanız, geliştiriciniz size yardımcı olabilir:
GTM kodunu web sitenizin her sayfasına yapıştırın
Bu kadar. Sitenizde bir Etiket Yöneticisi kapsayıcısı kurdunuz. Bu kapsayıcı, sonunda GTM panosunda oluşturduğunuz tüm etiketleri tutacaktır.
Şimdi GTM kullanarak olay takibinin nasıl kurulacağını anlatacağım. Bunun için sayfalarda, tıklamalarda ve formlarda birkaç yerleşik değişkeni etkinleştirmeniz gerekir. GTM'yi kurduğunuzda bunlar varsayılan olarak etkin değildir. Başlamadan önce değişkenlere gidin ve aşağıdaki seçenekleri kontrol edin:
Form Etkinlik Takibi
Form gönderme takibi, ziyaretçilerin web sitenize ne zaman bir form gönderdiğini izlemenize olanak tanır. Bu, bize ulaşın sayfanızdaki bir iletişim formu veya sayfanın alt kısmındaki bir sorgulama formu olabilir. Hemen hemen her web sitesinin bir formu vardır, bu nedenle bu, Etiket Yöneticisi ile başa çıkmanın iyi bir yoludur.
GTM arayüzünde yerleşik olarak bulunan etiketleri kullanabileceğiniz için, GTM kullanarak etkinlik izlemeyi ayarlamak nispeten kolaydır. Temel bir HTML kodu bilgisi faydalıdır, ancak bu kılavuz bilmeniz gereken her şeyi açıklayacaktır.
Endişelenmeyin, Etiket Yöneticisi'ni kullanarak web sitenizi bozmak imkansızdır ve etiketlerinizi canlı yayınlamadan önce her şeyi test edebilirsiniz.
Bunu yapalım!
1. Adım — URL'yi tanımlayın
Formunuzun bulunduğu URL'yi not edin:
Birden fazla sayfada bir formunuz varsa, örneğin altbilgide bir sorgulama formu varsa, sadece etki alanını bilmeniz yeterlidir. Bu örnekte hallam.co.uk kullanıyoruz.
Adım 2 — Form Kimliğini Tanımlayın
Gönder düğmesinin form kimliğini bulun. Google Chrome veya Firefox kullanıyorsanız, bunu forma sağ tıklayıp 'inspect element'i seçerek yapabilirsiniz. <form> içinde 'id' özniteliğini aramanız gerekir. Bunun nasıl görünebileceğine dair bir örnek:
İpucu : Müfettiş içinde ctrl + f tuşlarına basmak, bir şeyler aramanıza izin verir.
Not : Formunuz için benzersiz bir kimlik yoksa geliştiricinizden bir tane eklemesini istemeniz gerekebilir. Ancak, web siteniz WordPress için iletişim formu 7 gibi bir form eklentisi kullanıyorsa, kendiniz bir kimlik ekleyebilirsiniz.
3. Adım — Bir Tetikleyici Oluşturun
GTM'de yeni bir tetikleyici oluşturun ve ona daha sonra tanımlanmasını kolaylaştıracak bir başlık verin. 'Sorgu formu gönderme' veya 'iletişim sayfası formu gönderme' gibi bir şey yapacaktır.
Etkinliği seç altında, form gönderimini seçin:
Tetikleyicinizin başarılı (geçerli) form gönderimleri için tetiklendiğinden emin olmak için devam'ı tıklayın ve ardından 'Etiketleri Bekle' ve 'Doğrulamayı Kontrol Et'i işaretleyin:
Devam'ı tıklayın ve daha önce not ettiğiniz URL yolunu girin:
Formunuz birkaç sayfadaysa, tetikleyicinizi alanınızı içeren sayfalarda tetiklenecek şekilde ayarlayabilirsiniz:
Devam'ı tıklayın ve ardından 'Bazı formlar'ı seçin:
Tetikleyicinizi sonlandırmak için daha önce not ettiğiniz Form Kimliğini ekleyin (form kimliğimi kullanmayın!):
Artık Tetikleyicinizin ateşlenmesi için gereken koşulları belirlediniz. Ardından, bir etiket oluşturacağız.
Adım 4 — Bir Etiket Oluşturun
Yeni bir Universal Analytics etiketi oluşturun. Bu etiket, etkinlik bilgilerini Google Analytics'e gönderir. Yine, akılda kalıcı bir isim verdiğinizden emin olun:
Sonraki alana Google Analytics izleme kimliğinizi ekleyin:
Ardından parkur türünü bir etkinlik olarak girin ve kategori ve etiket için izleme parametrelerinizi belirleyin:
Bunu, bu örnekte olduğu gibi birkaç sayfada bulunan bir form için ayarlıyorsanız, etiketin sağındaki kutuyu tıklayın ve açılır menüden {{Sayfa Yolu}} öğesini seçin. Bu, Analytics etkinlik raporlarınızda form gönderme etkinliğinin hangi sayfadan tetiklendiğini görebilmenizi sağlar:
'Etkileşim Dışı İsabet' altında, doğru veya yanlışı seçebilirsiniz. Etkileşim dışı isabet, tetiklenen etkinliğin hemen çıkma oranınız gibi metrikleri etkileyip etkilemediğine karar vermenize olanak tanıyan bir parametredir . Örneğin, bir videonun otomatik olarak oynatıldığı bir sayfanız varsa, 'true' öğesini seçmek istersiniz. Aksi takdirde, o sayfaya giren herkes bir olayı tetikler ve hemen çıkma oranı sıfır olur.
Form gönderimi takibi için 'yanlış'ı seçmenizi öneririm - özellikle de izlediğiniz form, ziyaretçinin ihtiyaç duyduğu tüm bilgileri gördüğü ve sorgu formunuzu doldurduğu bir açılış sayfasındaysa. Sonuçta, web sitenizde başka bir sayfa görmeseler bile, etkileşime girmiş ve istenen eylemi tamamlamışlar, bu nedenle bir etkileşim isabeti olmalıdır:
Ardından, devam et'i tıklayın ve 'ateş açık' altında 'daha fazla' seçeneğini seçin. 'Form'u seçin ve ardından daha önce oluşturduğunuz tetikleyiciye gidin:
'Etiket oluştur'u tıklayın, bitmiş etiketiniz şöyle görünecektir:
Adım 5 — Testi
Yeni etkinlik izlemenizin çalışıp çalışmadığını test etmek için önizleme ve hata ayıklama moduna gidin:
Aynı tarayıcıda yeni bir sekme açın ve Etiket Yöneticisinin sizin için hata ayıklama modunu açacağı web sitenize gidin. Buradan kapsayıcınızı önizleyebilirsiniz ve sayfanızda hangi etiketlerin tetiklenip tetiklenmediğini size söyleyecektir:
Yukarıdaki örnekte, sorgu formu gönderimlerim de dahil olmak üzere bu etiketlerin hiçbiri sayfamda tetiklenmedi. Artık formu doğrudan sayfada test edebilir ve doğru etiketin 'bu sayfada tetiklenen etiketlere' taşınıp taşınmadığını görebilirim:
6. Adım — Yayınla
Etiketinizin çalıştığını test ettikten sonra, GTM panosuna geri dönün ve sürümünüzü yayınlayın. Bir sonraki sürüm tam olarak işe yaramazsa sürümleri yeniden adlandırabilir ve sürümlere geri dönebileceğinizi unutmayın:
Ta-da — yeni etkinlik izleme etiketiniz ve tetikleyiciniz artık yayında.
Form optimizasyonu
Dönüşümlerinizi artırmak için sitenizdeki formları iyileştirmek isteyebilirsiniz. Neyin test edilmesi ve iyileştirilmesi gerektiğini bulmak için her bir form alanını izlemek için GTM'yi kullanabilirsiniz. Alternatif olarak, dönüşüm oranı optimizasyonu için size faydalı huni analizi sağlaması için Hotjar gibi bir hizmet kullanabilirsiniz.
Sonuç
Etkinlik izlemeyi ayarlamak söz konusu olduğunda verimliliği artırmak ve test sıkıntılarını ortadan kaldırmak istiyorsanız, Google Etiket Yöneticisi'ni kullanmanızı şiddetle tavsiye ederim.
Geliştiricilerin bir web sitesinde devam eden daha büyük projeler üzerinde çalışmakla meşgul olduklarında, zamanlarını boşa çıkardığı için bu kararı takdir ettiklerini buldum. Giriş düzeyinde, Etiket Yöneticisi içindeki yerleşik etiketleri kullanabilirsiniz ve sürüm kontrolü ve hata ayıklama modu özellikleri, her şeyi kendiniz test etmenizi sağlar.
Bu kılavuzu kullanarak form etkinliği izlemeyi uygulamak için Google Etiket Yöneticisi'ni kullandıysanız, aşağıdaki yorumlarda bunu duymak isteriz. Alternatif olarak, Twitter @Digital_Kym üzerinden bana ulaşın.
Sizinle ilgili yardıma ihtiyacınız varsa, bizimle iletişime geçmekten çekinmeyin.