Google Etiket Yöneticisi Eğitimi 4. Bölüm: Form Gönderimlerini İzleme – İleri Düzey

Güncellenen Google Etiket Yöneticisi Eğitimimizin 3. Bölümünde, ana iletişim formu takibine kolay bir yaklaşım olan Form Gönderme Tetikleyicisi ile form takibini ele aldık. Ancak, formun koduna ve teknolojisine bağlı olarak bu her zaman işe yaramayabilir. Bu, yerinde JavaScript sorunlarına veya GTM tarafından alınmayan form gönderimlerine bağlanabilir.

Serimizin bu son bölümünde, Element Visibility Trigger yardımıyla Form Gönderme takibine daha yakından bakacağız. Bu tetik türü, yalnızca formlar için değil, her tür açılır pencere ve ekran afişleri ve bildirimler için kullanışlıdır.

Google Analytics bu etkinliği otomatik olarak izlemez, ancak Google Etiket Yöneticisi (GTM), form gönderimlerini izlemek için otomatik bir çözüm sunar.

Bu eğitimde, zaten bir Google Etiket Yöneticisi hesabınız olduğunu, bir kapsayıcı oluşturduğunuzu ve bunu web sitenize yüklediğinizi varsayıyoruz. Ayrıca web siteniz için bir Google Analytics hesabınızın olması ve bunu GTM'ye bağlamış olmanız gerekir.

Form Takibini Zorlaştıran Nedir?

Bir adım geriye gidelim ve form takibi için neden bu kadar çok farklı teknik olduğuna biraz ışık tutalım. Çeşitli form türleri vardır ve bunların nasıl geliştirildiğine dair küresel bir standart yoktur, bu da sonuç olarak bunların takibini zorlaştırabilir. Bir form gönderildikten sonra web sitenizde meydana gelebilecek en yaygın senaryolara/olaylara genel bir bakış aşağıda verilmiştir:

• Form, kullanıcıyı bir teşekkür sayfasına yönlendirir: Harika, bu Sayfa Görüntüleme aracılığıyla otomatik olarak izlenir.
• Gönder düğmesini formundan sonra yo u bildirimi teşekkür form gösterir tıklandığı: Yüksek, bir biçim GTM boyun gönderirse. Blog yazısı eğitimimizde bununla ilgili daha fazla bilgi edinin .
• Form yenilenir ve bir teşekkür metni görüntüler : Zorlayıcı ancak Öğe Görünürlük Tetikleyicisi ile yapılabilir.
• Bir açılır pencere , kullanıcıyı başarılı gönderim hakkında bilgilendirir: Zorlayıcı ancak Öğe Görünürlük Tetikleyicisi ile imkansız değil.

Form İzlemeye Nasıl Başlanır?

Başlangıç ​​olarak, GTM'nin yerleşik Form Değişkenlerini etkinleştirmenizi ve tüm form gönderimlerini dinleyen bir Form Gönderme Tetikleyicisi oluşturmanızı öneririz. Kurulum hakkında daha fazla bilgiyi son blog gönderisi eğitimimizde okuyun . Form Otomatik Olay Dinleyicisi , tüm standart gönderme tarayıcı olaylarını algılayacaktır. Formunuzla birkaç test yapın.

GTM, Önizleme ve Hata Ayıklama Modunda bir form gönderimini kaydetmezse, standart izleme yaklaşımı çalışmaz ve bunun yerine alternatif bir yöntem kullanmanız gerekir. Bu oldukça yaygındır, bu yüzden harika bir alternatifle çalışacağız: Element Visibility Trigger .

Öğe Görünürlük Tetikleyicisinin Açıklaması

Öğe Görünürlüğü (EVB) Tetikleyicisi , ekranda belirli bir öğe göründüğünde (tıklama, kaydırma veya diğer etkileşimler nedeniyle ) izler ve bu nedenle çok çeşitli kullanım durumlarına sahiptir. Bu teknik, form başarıyla gönderildikten sonra belirli bir teşekkür mesajı göründüğünde formlara uygulanabilir. Bu, aynı form sayfasındaki bir teşekkür bildirimi, form sayfası yeniden yüklendiğinde bir teşekkür başlığı veya bir açılır pencere olabilir. Daha pratik örnekler için burayı tıklayın .

Kısacası, Öğe Görünürlük Tetikleyicisi , belirttiğiniz bir öğe(ler) tarayıcının görünüm alanında göründüğünde tetiklenir . Görünüm alanı, tarayıcı penceresinin görünen alanıdır. Orada bir eleman göründüğünde, kullanıcı tarafından görüntülenebilir.

Seçim yöntemi için, hangi öğeyi hedeflemek istediğinizi belirlemek için, aralarından seçim yapabileceğiniz iki seçeneğiniz vardır:

• Öğe Kimliği : Bu, verilen kimliğe sahip sayfadaki ilk öğeyle eşleşir. Bu, izlenecek yalnızca bir öğeniz varsa iyi performans gösterir.
• CSS Seçici : Bu, sayfadaki seçicinize uyan öğe veya bir grup öğeyle eşleşir ve bir sayfada görünebilecek birden çok öğeyi izlemek için uygundur.

1. Adım: Benzersiz Bir Tanımlayıcı Bulun

Görüntülenen formun başarı mesajını inceleyerek başlayın.

Bunu yapmak için tarayıcınızın geliştirici araçlarına erişmek için sağ tıklayın. Chrome'da, örneğin, incelemek ve Denetleme öğesi seçmek istediğiniz eleman sağ tıklayın. Bu size mesajın içeriği, CSS sınıfı, kimliği ve daha fazla öğe gibi çeşitli bilgileri gösterecektir. Aşağıdaki örneğimizde, mesajın benzersiz ve EVB Tetikleyicisinde bir koşul olarak kullanılabilen bir kimlik gönderildi-mesajı var.

2. Adım: Öğe Görünürlük Tetikleyicisini Oluşturun

Tetikleyici, kullanıcının görünümünde görünür hale gelen tam olarak neyi izlemek istediğimizi tanımlar. Bu durumda, teşekkür mesajının görünüp görünmediğini kontrol etmek içindir.

Tetikleyici kurulumu için şu adımları izleyin:

• Sol kenar çubuğunda Tetikleyiciler'e gidin ve yeni bir tane oluşturun.
• Adsız Tetikleyiciyi EVB – İletişim – Form Gönderildi gibi açıklayıcı bir adla değiştirin.
• Tetikleme Türü'nü seçin: Öğe Görünürlüğü .

Tetikleyici yapılandırması için şunları ayarlayacaksınız:

• Seçim Yöntemi : Açılır menüden ID'yi seçin.
• Öğe Kimliği : gönderilen mesaj
  • Bu, tam olarak hangi teşekkür mesajını izlemek istediğinizi belirtmek için Adım 1'de tanımladığınız benzersiz kimliği kullanır.
• Bu tetikleyici ne zaman tetiklenir : Sayfa başına bir kez
  • Bu, kimlikle eşleşen öğe izleyiciye görünür olduğunda geçerli sayfada yalnızca bir kez etkinleşeceği anlamına gelir.
  • Diğer iki seçenek, CSS Seçici ile bir sayfada birden fazla öğe izlendiğinde faydalı olabilir.
• Minimum Görünür Yüzde : 50
  • Burada, tetikleyicinin tetiklenmesi için görünüm alanında öğenin ne kadarının görünmesi gerektiği olan yüzde olarak bir değer belirtebilirsiniz. Yani değeri "50" olarak ayarlarsanız, eşleşen öğenin en az %50'sinin görünür olması gerekir.
  • Varsayılan olarak, bir olayı tetiklemek için öğeler ekranda en az %50 görünür olmalıdır. Bizim durumumuzda bu yeterlidir.
• DOM değişikliklerini gözlemle : Tetikleyicinin DOM değiştikçe görünen eşleşen öğeleri izlemesini etkinleştirmek için bu kutuyu işaretleyin.
  • Bu ayar, iletişim formu ilk yüklendiğinde DOM'de (Belge Nesne Modeli) bulunmayabilecek öğelerin görünürlüğünü izlemenize olanak tanır. Başka bir deyişle, bu, teşekkür mesajı içeren bir HTML öğesinin görünmesini bekleyecektir.
• Tetiği ateşlemek için diğer koşullar:
  • Bu forma özgü olması gereken bir kimlik kullandığımız için burada daha fazla koşul belirlememize gerek yok.
  • Bu kimlik diğer formlar için de kullanılıyorsa, Sayfa Yolu'nu ilgili formun sunulduğu sayfayı içerecek şekilde ayarlamanız önerilir.

Tetik kurulumunu sonlandırmak için Kaydet'e tıklayın.

3. Adım: Form Gönderme Etkinlik Etiketini Oluşturun

Form gönderimlerini izlemenin son adımı, etkinliği istediğiniz bilgilerle Google Analytics'te kaydedecek bir etiket oluşturmaktır. Olay, önceki adımda ayarladığınız Öğe Görünürlük Tetikleyicisinin koşulları karşılandığında başlatılacaktır. Şimdi etiketi aşağıdaki ekran görüntüsünde gösterildiği gibi oluşturun:

4. Adım: Bir Sürümü Kaydedin, Test Edin ve Yayınlayın

Yeni oluşturduğunuz etiket, siz yayınlayana kadar çalışmaya başlamaz, ancak önce beklendiği gibi çalışıp çalışmadığını iyice test etmelisiniz. Etiketinizi kaydettikten sonra Önizleme modunu etkinleştirin (sağ üst köşedeki “Önizleme” seçeneğine tıklayın), web sitenize gidin ve sayfayı yenileyin.

Form izlemeniz için şu test senaryolarını kapsadığınızdan emin olun:

• İletişim formunu doldurmadan gönderin. Bu durumda etiket tetiklenmemelidir.
• Formu doğru ayrıntılarla doldurun ve ardından gönder'e tıklayın. Etiket, ekranınızda teşekkür mesajı göründüğü anda tetiklenmelidir.

Her şey düzgün çalışıyorsa, Google Analytics Gerçek Zamanlı Etkinlik Raporu etkinlik isabetlerinizi göstermelidir. Google Etiket Yöneticisi Test Sorunları ve herhangi bir sorunla karşılaşırsanız bunların nasıl düzeltileceği hakkındaki blog yayınımızı okuyun.

Tüm testleriniz başarılı olursa, GTM'de Gönder düğmesine tıklayabilirsiniz. Bu yayınlanan sürüme, eklenen İletişim Formu Gönderme Etkinliği gibi açıklayıcı bir ad verin ve Yayınla'yı tıklayın.

Çözüm

Standart form izleme, kurulumu en kolay olanı olsa da, yerinde JavaScript'teki komplikasyonlar nedeniyle genellikle çalışmaz. Öğe Görünürlük Tetikleyicisi ile çalışmak, size bu uç durumlarla başa çıkmak için bir alternatif sunar. Ayrıca verilerinizi çok daha güvenilir ve doğru hale getirir. Bu şekilde, gönder düğmesine yapılan hiçbir geçersiz veya istenmeyen tıklamanın izlenmemesini, yalnızca gerçekten tamamlanan ve başarıyla gönderilen form gönderilerinin izlenmesini sağlarsınız.

Google Etiket Yöneticisi Eğitimimiz, Harici (Giden) Bağlantıları İzleme , İndirme Bağlantıları İzleme 'yi ve Temel Form Gönderimlerini kapsar . İzlemek istediğiniz başka etkinlik türleri var mı? Daha karmaşık bir vakayla ilgili yardıma mı ihtiyacınız var? Bizimle iletişime geçmekten çekinmeyin - Size yardımcı olmaktan mutluluk duyarız! Ve heyecan verici güncellemeler için bültenimize abone olun .