blog posts

Birçok dijital pazarlamacının yaşadığı sorunlardan biri de bu verilerin toplanma şeklidir. Bu yazımızda bu işlemi kendiniz kolaylıkla yapabilmeniz için minimum teknik bilgiyle Google Etiket Yöneticisi ile form izleme veya form bulma işleminin 4 tekniğini ve yöntemini ele alacağız . Bu yöntemlerin bazıları için mümkün olduğunca basitleştirdiğimiz biraz teknik bilgiye ihtiyacımız var.

Bu yazımızda aşağıdakileri birlikte inceleyeceğiz

• Google Etiket Yöneticisi ile Türkçe formunun temel eğitimi
• Etiketler ve tetikleyiciler
• Yöntem 1: Form Otomatik Etkinlik İşleyicisinden Ayrılma
• İkinci yöntem: Teşekkür veya onay sayfasını bırakın
• Üçüncü yöntem: Ajax formlarından çıkmak
• Dördüncü yöntem: Öğe Görünürlüğü tetikleyicisine göre ayrılma

Google Etiket Yöneticisi ile Türkçe formunun temel eğitimi

Web dünyasında farklı formlar bulunmaktadır. Bazıları başarılı form doğrulamasıyla yenilenir, bazıları ise yenilenmez. Form verilerinin toplanmasıyla ilgili en büyük sorun, formların nasıl çalıştığını açıklamanın evrensel bir standart yolunun bulunmamasıdır. Bazı programcılar Ajax gibi bir teknolojiyi diğerlerine tercih edebilir. Google Etiket Yöneticisi’nde, varsayılan tetikleyiciyi kullanarak yalnızca tek bir form türünü bırakabiliriz. Form Gönderimi tetikleyicisi bunu bizim için birkaç tıklamayla ve genel ayarlarla yapar.

 

Ancak sorun şu ki bu yöntem yalnızca standart formlar için işe yarar. Ancak web dünyasında çoğu form veri göndermek için başka yöntemler kullanıyor ve aslında bu tetikleyiciyi kullanmak acımızı dindirmiyor ve hedefimize ulaşmak için alternatif yöntemler kullanmak zorundayız. Aşağıda alternatif yöntemleri basit bir dille anlatmaya çalışıyoruz.

Etiket ve form gönderme tetikleyicisi oluşturma

 Etiket yöneticisindeki herhangi bir şeyden çıkmak veya herhangi bir şeyi yürütmek için bir “etiket” ve “tetikleyiciye” ihtiyacımız var.  Sitenizin formlarını Google Analytics ile takip etmek istiyorsanız ,Google Etiket Yöneticisi bir Google Analytics etiketi ve buna karşılık gelen “Form Gönderimi” tetikleyicisini oluşturmanız gerekir. Etiket oluşturmak bu makalenin en kolay kısmıdır. Birlikte bir etiket oluşturalım. Makalenin geri kalanında bahsedilen tüm yöntemlerde bu etikete ihtiyacınız var.

Google Etiket Yöneticisi ile çalışma deneyiminiz yoksa ve bazı kavramlar sizin için yeniyse Google Etiket Yöneticisi Nedir ? başlıklı makaleyi  okuyun .

Google Etiket Yöneticisi’nde etiketler bölümüne gidin. Aşağıda gösterildiği gibi yeni bir etiket oluşturmak için adımları izleyin. Resmin alt kısmında her bölümün açıklaması bulunmaktadır.

1.  Etiket bölümünde yeni bir etiket oluşturmak için “yeni” butonuna tıklayın.
2. ” Etiket Yapılandırması” bölümünde ” Evrensel Analiz” seçeneğini seçin .
3. “İzleme türü” bölümünde “Etkinlik”i seçin.
4. “Kategori” alanına “Form gönderimi” gibi bir kategori konusu yazın.
5. “Aksiyon” kısmına “İletişim Formu” gibi uygun bir başlık yazın.
6. “Etiket” alanına “{{Sayfa Yolu}}” gibi uygun bir “Etiket” yazın. (Metin isteğe bağlıdır.)
7. “Google Analytics Ayarları” bölümünde Google Analytics değişkeninizi seçin. (Bu değişkeni henüz tanımlamadıysanız, “yeni değişken” seçeneğine tıklayıp Google Analytics’ten sitenizin izleme kodunu “İzleme Kimliği” bölümüne girip kaydetmeniz gerekir.)

Google Tag Manager kurulumu nasıl yapılır yazımızda Tag Manager ile Google Analytics kodu yükleme yöntemini adım adım anlattık .

Şimdilik “tetikleme” alanını boş bırakın ve “kaydet” seçeneğini tıklayın.Google Etiket Yöneticisi Bu kısma daha sonra tekrar döneceğiz. Aşağıdaki içeriğin çoğu tetikleyicinin bu kısmı ve türleriyle ilgilidir. Ne tür tetikleyici kullanmanız gerektiği formunuza bağlıdır. Sonucu aşağıdaki resimde görebilirsiniz. 

Aşağıda açıklamak istediğimiz dört yöntem farklı tetikleyicilerin kullanımıyla ilgilidir. Bunların her biri formunuzda gönderildikten sonra meydana gelen öğeye veya olaya bağlıdır.

Tetikleyicileri yanlış kullanırsanız veya ayarlarsanız, size yanlış istatistikler ve raporlar verilecek ve bu da yanlış sonuçlara varmanıza neden olacaktır. Bu yüzden her yöntemin tüm adımlarını dikkatlice okuyun ve sorularınız varsa yorum kısmından sormayı unutmayın 🙂

Yöntem 1: Form Otomatik Etkinlik İşleyicisinden Ayrılma

Bu yöntem, sitedeki çoğu form için uygun olan, form takibinin en genel yoludur. Öncelikle form değişkenlerini Google Etiket Yöneticisi’nde etkinleştirmelisiniz; Çünkü bu değişkenler genellikle aktif değildir. Ancak bunları zaten etkinleştirdiyseniz bir sonraki bölüme geçin. Bunu yapmak için Google Etiket Yöneticisi’nin yan menüsünden “değişkenler”i seçin ve “Yerleşik Değişkenler” bölümünde “yapılandır”ı tıklayın. “Form” bölümünü bulun ve aşağıdaki resimde gösterildiği gibi tüm değişkenlerini işaretleyin. Değişiklikler otomatik olarak kaydedilecektir.

 

Bu değişikliği yaptıktan sonra, Etiket Yöneticisinin yan menüsünden “Tetikleyiciler”i seçin ve yeni bir tetikleyici oluşturmak için “yeni” düğmesine basın:

1. Üst kısımda tetikleyiciniz için isteğe bağlı olarak alakalı bir ad seçin.
2. “Tetikleyici Yapılandırması” bölümüne tıklayın ve tetikleyiciniz için “Form Gönderimi” türünü seçin.
3. “Etiketleri bekle” alanını işaretlemeden bırakın.
4. “Doğrulamayı Kontrol Et” bölümünü işaretleyin. Bu bölümü işaretlemezseniz formda onay butonuna her bastığınızda (kullanıcı gerekli alanları doldurmasa ve formunuz hata verse bile) etiket çağrılacak ve bu da formda yanlış veri oluşmasına neden olacaktır. istatistikleriniz.
5.  Bir önceki kısmı işaretleyerek tetikleyici için bahis aşaması açılacaktır, burada aşağıdaki resimde gösterildiği gibi “Sayfa Yolu”nu seçip formunuzun bulunduğu sayfanın adresini girebilirsiniz. Örneğin “example.com/contact-us ” adresiyle bize ulaşın formu için resimdeki işlemin aynısını yapmalısınız. (yani site adresinin ikinci kısmını girin: bize ulaşın).
6. Son kısım olan “Bu tetikleyici etkinleşecek” bölümünde formunuzun hangi sayfada olduğunu zaten belirlediğiniz için “Tüm formlar” seçeneğini seçin.

 

Şimdi bu yöntemi sitenizdeki form için test etme zamanı. Bunun için yazının başında oluşturduğunuz etiket için tanımladığınız “Form Gönderimi” tetikleyicisini seçin.

 Daha sonra Etiket Yöneticisi sayfasında “Önizleme” seçeneğini tıklayın. Bu seçenek sayfanın üst ve sağ tarafındadır.  Sizlere açılan Önizleme Modu sayfasında aşağıdaki görseldeki gibi sitenin tam adresini giriniz.

O zaman böyle bir sayfayla karşılaşacaksınız. Bu tablo, sayfanızdaki etiketler ve bunların çağrılma durumları hakkında bilgiler içerir. Tablo boş ve bilgisiz ise öncelikle sorununu çözmelisiniz.

 

 

Artık sitede formunuzu bir kez tamamen doldurun ve formu onaylamak için butona tıklayın:

1. Tabloda “formSubmit” seçeneği aşağıda gösterildiği gibi göründü mü? Değilse, bu yöntem site formunuz için işe yaramaz ve aşağıdaki yöntemleri kullanmalısınız.

 

• ‘FormSubmit’ seçeneği varsa başka bir test yapmanız gerekir. Bu seferlik formunuzu doldurun; Ancak zorunlu alanlardan birini boş bırakın ve butonuna basarak formu onaylayın. Bu durumda site sayfanızın hata vermesi gerekir.

Not: Onayla’yı tıkladıktan sonra tabloda hâlâ “gtm.formSubmit” seçeneği mevcutsa formunuz için yine de aşağıdaki yöntemleri kullanmalısınız. Ancak bu sefer bu seçenek mevcut değilse, o zaman bu yöntem tam size göre ve  etiket yalnızca form tamamen doldurulduğunda çağrılacak.

Şimdi son adımı tamamlamak için aynı formda uygun bir tetikleyici oluşturmanın zamanı geldi. Bunun için formu doldurup onayladıktan sonra “gtm.formSubmit” seçeneğine tıklayın ve resimdeki gibi tablonun üst kısmından “Değişkenler” seçeneğini seçin.

 

Daha sonra değişkenlere bakın ve yalnızca bu form için eş değere sahip bir değişken bulun. Genellikle “Form Kimliği” değişkeni en iyi seçimdir. Elbette gerekirse “Form Sınıfları” değişkenini de kullanabilirsiniz. Örneğin aşağıdaki örnekte “form_contact2” isimli ID değişkenini kullandık.

 

Şimdi bu form için doğru tetikleyiciyi oluşturmak üzere aşağıdaki adımları izleyin:

1. Etiket yöneticisinde ve tetikleyicilerde “yeni”yi tıklayın.
2. “Tetikleyici Yapılandırması” bölümüne tıklayın ve önceki bölümde olduğu gibi tetikleyiciniz için “Form Gönderimi” türünü seçin.
3. “Doğrulamayı Kontrol Et” bölümünü işaretleyin. Daha sonra belirtildiği gibi tetikleyici sınırlama koşulunuzu girin. Örneğin form sayfanızın URL’sini yazın.
4. Son kısımda “bazı formlar” seçeneğine tıklayın, formunuz için belirlediğiniz değişkeni seçin ve değerini girin. Ortadaki “eşittir” seçeneğini seçin.
5. “Kaydet” düğmesine basarak tetiği kaydedin.

 

Son sınav

1. Oluşturulan tetikleyiciyi makalenin başında oluşturduğunuz etikete bağlayın. Bunu yapmak için etiketler sayfasına gidin, oluşturulan etikete tıklayın ve tetikleyiciler bölümünde oluşturduğunuz tetikleyiciyi seçip kaydedin.
2. “Önizleme” düğmesini tıklayın.
3. Formunuzu doldurun ve formu onaylamak için butona basın. Etiket çalıştırılıp doğru çağrılırsa trekkinginiz tamamlanır. Daha emin olmak için sitenizdeki başka bir formu doldurup gerekli kontrolleri yapabilirsiniz. Verilerin Google Analytics tarafından alınıp alınmadığını Google Analytics’in “Gerçek zamanlı” bölümünde “Etkinlikler” bölümünden kontrol etmeniz ve ardından etiket yöneticisinde “gönder”i tıklayarak değişiklikleri yayınlamanız daha iyidir . Bu sayede artık tüm kullanıcıların form verilerine sahip olabilirsiniz.

İkinci yöntem: Teşekkür veya onay sayfasını bırakın

Bazı formlarda site kullanıcıları formu doldurup onayladıktan sonra teşekkür sayfası girmektedir. Bu yüzden bu sayfayı amacınıza uygun olarak kullanabilirsiniz. Ancak öncelikle iki önemli şeyden emin olmanız gerekir:

• Teşekkür sayfasının adresi benzersiz mi ve yalnızca bu formu onayladıktan sonra görünüyor mu?
• Kullanıcıların bu benzersiz adresi açmak için formu onaylamaktan başka bir yolu var mı?

Bu yöntemi ancak ilk sorunun cevabı olumlu, ikinci sorunun cevabı olumsuz ise kullanabilirsiniz. Aksi takdirde diğer yöntemlere başvurun.

Şimdi bu form için doğru tetikleyiciyi oluşturmak üzere aşağıdaki adımları izleyin:

1. Etiket yöneticisinde ve tetikleyicilerde “yeni”yi tıklayın.
2. “Tetikleyici Yapılandırması” bölümüne tıklayın ve tetikleyiciniz için “Sayfa Görünümü” türünü seçin.
3. Bir sonraki bölümde “Bazı Sayfa Görünümleri” seçeneğini tıklayın.
4. Şimdi teşekkür sayfanızın URL’sini tetikleyiciye tanıtmanız gerekiyor. Örneğin, bu sayfanın adresi “example.com/form/teşekkürler.html” ise, “Sayfa Yolu” değişkenini ve ardından “eşittir”i seçip değeri “/form/teşekkür ederim.html” olarak ayarlayabilir ve Veya “Sayfa URL’si” değişkenini ve “İçerir” alanını “form/teşekkür ederim.html” olarak ayarlayın. Yanlışlıkla sitenin başka bir sayfasını içermemesi için adresin mümkün olduğunca eksiksiz bir şekilde girilmesi daha iyidir.
5. Tetikleyicinize uygun bir isim seçip kaydetmeyi unutmayın. İlgili ve net bir isim, gelecekte tetikleyicilerinizin sayısı arttığında size çok yardımcı olacaktır.

 

Son sınav

1. Oluşturulan tetikleyiciyi makalenin başında oluşturduğunuz etikete bağlayın. Bunun için daha önce olduğu gibi etiketler sayfasına gidin, oluşturulan etikete tıklayın ve tetikleyiciler bölümünde oluşturduğunuz tetikleyiciyi seçip kaydedin.
2. “Önizleme” düğmesini tıklayın.
3. Formunuzu doldurun ve formu onaylamak için butona basın. Teşekkür sayfası açıldıysa ve etiket doğru bir şekilde yürütülüp çağrıldıysa, Google Analytics’te test etme ve ardından değişiklikleri etiket yöneticisinde yayınlama adımlarını unutmamalısınız!

Üçüncü yöntem: Ajax formlarından çıkmak

Yazının bu kısmını okuyorsanız muhtemelen site formunuz ilk yöntemde olduğu gibi onay için olağan olayları kullanmıyor veya ikinci yöntemde olduğu gibi kullanıcıyı bir teşekkür sayfasına aktarmıyor. Muhtemelen onaylandıktan sonra, sayfanın tamamı yenilenmeden formun kendisi yenilenir ve bir onay mesajı görüntülenir. Büyük olasılıkla formunuz bir “Ajax” formudur. Aşağıdaki görseldeki gibi sayfayı yenilemeden onay mesajı çıkıyor.

Bu formların türkçeleştirilmesi çok fazla kodlama içeren karmaşık bir yönteme sahiptir ve muhtemelen bizim gibi programcı olmadığınız için kodları açıklama detaylarını atlayacağız, amacımız mevcut hazır kodların nasıl kullanılacağını açıklamaktır. hedefimiz.

• Etiket yöneticisine etiketleri girin ve yeni bir etiket oluşturmak için “yeni” düğmesini tıklayın.
• “Etiket Yapılandırması” bölümünde “özel HTML” seçeneğini seçin.
• Aşağıdaki kodu kopyalayıp kutuya yapıştırın ve etiketi kaydedin.

<script id = "gtm-jq-ajax-listen" type = "text/javascript"> (işlev() { 'katı kullanın'; var$; var n = 0; içinde(); işlev başlangıç(n) { // Her şeyden önce jQuery'nin kullanılabilir olduğundan emin olun if (typeof jQuery !== 'tanımsız') { // $ kısayolumuzu yerel olarak tanımlayın $ = jQuery; binToAjax(); // 10 saniyeye kadar kontrol edin } else if (n < 20) { n++; setTimeout(init, 500); } } işlev binToAjax() { $(document).bind('ajaxComplete', function(evt, jqXhr, opts) { // Sihirli derecede basit URL ayrıştırma için sahte bir öğe oluşturun var fullUrl = document.createElement('a'); fullUrl.href = opts.url; // IE9+ a.pathname'in başındaki eğik çizgiyi kaldırır çünkü kim zaten Cuma günü eve zamanında varmak ister var yol adı = fullUrl.yol adı[0] === '/' ? fullUrl.yol adı : '/' + fullUrl.yol adı; // Varsa baştaki soru işaretini manuel olarak kaldırın var queryString = fullUrl.search[0] === '?' ? fullUrl.search.slice(1): fullUrl.search; // Daha kolay referans için parametrelerimizi ve başlıklarımızı nesnelere dönüştürün var queryParameters = objMap(queryString, '&', '=', true); var başlıklar = objMap(jqXhr.getAllResponseHeaders(), '\n', ':'); // dataLayer'ı körü körüne itin çünkü bu GTM içinde tetiklenir dataLayer.push({ 'olay': 'ajaxTamamlandı', 'Öznitellikler': { // Eski verilerin yanlışlıkla devralınmasını önlemek için boş dizeleri döndür 'tip': opts.type || '', 'url': fullUrl.href || '', 'queryParameters': queryParameters, 'yol adı': yol adı || '', 'ana bilgisayar adı': fullUrl.ana bilgisayar adı || '', 'protokol': fullUrl.protokol || '', 'parça': fullUrl.hash || '', 'statusCode': jqXhr.status || '', 'statusText': jqXhr.statusText || '', 'başlıklar': başlıklar, 'zaman damgası': evt.timeStamp || '', 'contentType': opts.contentType || '', // jQuery'nin yanıtı işlemesini erteleyin 'yanıt': (jqXhr.responseJSON || jqXhr.responseXML || jqXhr.responseText || '') } }); }); } function objMap(veri, sınırlama, spl, kod çözme) { var nesne = {}; // Parametrelerimizden biri eksikse boş bir nesne döndür if (!data || !delim || !spl) { geri dönmek {}; } var arr = data.split(delim); var ben; eğer (arr) { for (i = 0; i < dizi.uzunluk; i++) { // Eğer kod çözme bayrağı mevcutsa, URL setin kodunu çözer var öğe = kodu çöz? decodeURIComponent(arr[i]): arr[i]; var çifti = item.split(spl); var anahtar = trim_(çift[0]); var değer = trim_(çift[1]); if (anahtar && değer) { nesne[anahtar] = değer; } } } nesneyi döndür; } // Temel .trim() çoklu doldurma fonksiyon trim_(str) { eğer (str) { return str.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, ''); } } })(); </script>

• Etikette “Tüm Sayfa” üzerinde “Sayfa Görüntüleme” tipi bir tetikleyici ayarlayın ve kaydedin. Artık formunuzun “Ajax” türünde olup olmadığını test edebilirsiniz:

1. Etiket yöneticisini “Önizleme” moduna getirin.
2. Formu eksiksiz doldurup onay butonuna basın.
3. Sayfanın altındaki tabloda “ajaxComplete” olayının görünüp görünmediğini test edin. Cevap olumlu ise formunuz “Ajax”tır ve onu hacklemek için bu yöntemi kullanabilirsiniz, cevap olumsuz ise diğer yöntemleri kullanmalısınız.

Şimdi bu formu tetikleyiciye nasıl tanıtacağımızı görelim. “ajaxComplete” olayına tıklayın ve ardından tablonun üst kısmındaki seçeneklerden “Veri Katmanı”nı seçin.

 

Kodlama eğitimi olmayanlar için zor gibi görünebilir ama o kadar da zor değil! Bunlar , formu onayladıktan sonra “Veri Katmanı” na gönderilen verilerdir ve her satırı, etiket yöneticisinde bir değişken oluşturmak için kullanabilirsiniz. Ancak hedefinize ulaşmak için yalnızca bu form için kullanılan benzersiz verileri aramanız gerekir . Örneğin, şekildeki gibi “yanıt” kelimesini arayın.

 

“Bu mesaj başarıyla gönderildi” cümlesini görüyor musunuz?  Tetikleyici için bu benzersiz mesajı kullanabilirsiniz. Belki bu mesaj sizin için Farsça olmalı. Endişelenmeyin, çünkü etiket yöneticisi tetikleyiciler bölümünde Farsça dilini iyi bir şekilde destekliyor.

Öncelikle “Veri Katmanı” türünde bir değişken oluşturmanız gerekir. Bunu yapmak için aşağıdaki adımları izleyin:

1. Etiket Yöneticisinin sol tarafında Değişkenler’e tıklayın.
2. Sayfanın alt kısmındaki “Kullanıcı Tanımlı Değişkenler” bölümünde “yeni” butonuna basın.
3. “Değişken Yapılandırması” seçeneğine tıklayın ve “Veri Katmanı Değişkeni” değişken türünü seçin.
4. “Veri Katmanı Değişken Adı” alanına değişkeninizin adını girin. Örneğimizde ” cevap ” terimi girilmelidir.
5. Geri kalan seçeneklere dokunmayın ve değişkene uygun adı seçtikten sonra kaydedin.

Turuncu okla gösterilen kısımda neden “attributes.response” teriminin kullanıldığını merak ediyor olabilirsiniz? “Veri Katmanı” sayfasına tekrar bakarsanız, ikinci satırda “nitelikler” adının, verileri ve adlarını içeren bir “Nesne” olduğunu fark edeceksiniz. Bu nedenle bir değişkeni çağırmak için değişkenin başına “Object” adının yazılması gerekir.

 

Değişkenin doğru şekilde oluşturulduğunu test etmek için tekrar “Önizleme”yi seçin, formu doldurun ve onaylayın. Daha sonra tabloda ve “Değişken” alanında oluşturduğunuz değişkenin adını arayın. Her şeyi doğru yaptıysanız değişkeniniz gösterildiği gibi doğru değere sahip olmalıdır.

 

Değişken değeri doğru değilse tüm adımları tekrar kontrol etmelisiniz; Örneğin değişken adını yanlış girmiş olabilirsiniz.

Şimdi bu form için uygun tetikleyiciyi oluşturmak üzere aşağıdaki adımları izleyin:

1. Tetikleyiciler bölümünde “yeni” seçeneğine tıklayın.
2. “Tetikleyici Yapılandırması” bölümüne tıklayın ve tetikleyiciniz için “Özel Etkinlik” türünü seçin.
3. “Olay adı” alanına “ajaxComplete” yazın.
4. “Ateşleme” bölümünde “Bazı Özel Etkinlikler”i seçin.
5. İlk bölümde koşul için eklenen kısma, oluşturduğunuz değişkenin adını yazın ve bir sonraki bölümde “içerir” seçeneğini girin ve son bölümde “Veri Katmanı” sayfasından aldığınız onay metnini girin. .

 

Son sınav

1. Oluşturulan tetikleyiciyi makalenin başında oluşturduğunuz etikete bağlayın. Bunu yapmak için etiketler sayfasına gidin, oluşturulan etikete tıklayın ve tetikleyiciler bölümünde oluşturduğunuz tetikleyiciyi seçip kaydedin.
2. Etiket yöneticisini “Önizleme” moduna getirin.
3. Formu doldurun ve onayla butonuna tıklayın.  Bu durumda etiketin çağrılması gerekir. Sonucu Google Analytics hesabınızdaki gerçek zamanlı istatistikler aracılığıyla da görüntüleyebilirsiniz.

Ajax formlarıyla ilgili ipuçları 

• Bu formlar onaya farklı yanıtlar verebilir, bu nedenle forma dayalı koşulları etiket yöneticisine tanıtabilmeniz gerekir.
• Site programcıları sitede oluşturduğunuz değişkenin değerini değiştirirse etiketinizin başı dertte olacaktır. Bu nedenle sitenizin programcılarına kullanılan değişken hakkında bilgi verin.
• Bir sayfada birden fazla “Ajax” formu varsa onu etiket yöneticisine tek bir form olarak sunabilmek için daha fazla değişken aramanız gerekir. Bu sayede her form ayrı ayrı belirtilir.

Dördüncü yöntem: Öğe Görünürlüğü tetikleyicisine göre ayrılma

Google Etiket Yöneticisi’nde en çok kullanılan tetikleyicilerden biri “Öğe Görünürlüğü”dür. Bu tetikleyiciye aşina değilseniz bu makaleyi kaçırmayın !

Bu tetikleyici, sayfada belirli bir öğe göründüğünde izleme yapmanıza yardımcı olur. Formunuz onaylandıktan sonra özel bir mesaj gösterecek şekilde ise bu yöntemi kullanabilirsiniz.

Yapılacak ilk şey, bu mesajı Etiket Yöneticisine nasıl tetikleyici olarak tanıtabileceğimizi görmek için sitenizdeki form onay mesajını “incelemektir”. Bu yüzden formunuzu açın, doldurun ve onay mesajı görünene kadar onayla düğmesine tıklayın. Daha sonra üzerine sağ tıklayın ve “İncele” seçeneğini seçin.

 

Açılan sayfada onay mesajına ait kodun seçildiğini görebilirsiniz. Bu kodda tetikleyiciye eklenebilecek bir değişken arayın. Genellikle bu mesajların kullanılabilecek bir sınıfı vardır. Kodda bir kimlik bulabilirseniz bu daha da iyidir. Ama derse devam edebilirsiniz. Örneğimizde metnin “teşekkürler” adında bir sınıfı var.

 

Şimdi bu form için uygun tetikleyiciyi oluşturmak üzere aşağıdaki adımları izleyin:

1.  Tetikleyiciler bölümünde “yeni” seçeneğine tıklayın.
2. “Tetikleyici Yapılandırması” bölümüne tıklayın ve tetikleyiciniz için “Öğe Görünürlüğü” türünü seçin.
3. Eğer elementinizin ID’si varsa “ID” seçeneğini seçmeli ve varsa ” CSS Selector ” sınıfına tıklamalısınız .
4. “Öğe Seçici ” bölümünde sınıf adınızın başına bir nokta girin . Çünkü CSS’de sınıflar önde bir nokta ile işaretlenmiştir.
5. Seçeneklerin geri kalanını gösterildiği gibi girin.
6. “DOM değişikliklerini gözlemle” seçeneğini işaretleyin. Bu işaret, bu öğenin sayfada kaydırma yapılmadan ve diğer koşullar altında görünmesi durumunda, bu bölümdeki kullanımımız için gerekli olan tetikleyicinin etkinleştirileceği anlamına gelir. Tetikleyiciyi kaydedin.

 

Son sınav

1. Oluşturulan tetikleyiciyi makalenin başında oluşturduğunuz etikete bağlayın. Bunu yapmak için etiketler sayfasına gidin, oluşturulan etikete tıklayın ve tetikleyiciler bölümünde oluşturduğunuz tetikleyiciyi seçip kaydedin.
2. Etiket yöneticisini “Önizleme” moduna getirin.
3. Formunuzu doldurun ve formu onaylamak için butona basın. “Önizleme” tablosunda “elementVisibility” olayı görünmelidir  ; etiketinizin bunun içinde çağrıldığından emin olmak için üzerine tıklayın. Bu bölümde herhangi bir sorun görürseniz, bu eğitimin başlangıcına geri dönmeli ve hiçbirinde hata olmaması için tüm adımları tekrar kontrol etmelisiniz.

uç

Öğenizin kimliği ve sınıfı yoksa yine de bu yöntemi kullanabilirsiniz. Öğeyi ” CSS Seçici “de göstermek için “CSS”de hangi yöntemi kullanmanız gerektiğini bilmeniz yeterlidir.

Bu makaleden öğrendikleriniz:

Bu yazımızda “Form Türkçeleme”nin önemiyle tanıştınız ve çeşitli yöntemlerini inceledik. Bu yöntemleri kullanarak, pazarlama analiziniz için site içi formlardan harika veriler elde edebilir ve sonuçta sitenizin karlılığına yardımcı olabilirsiniz.