JQuery -dan foydalanib, Google Analytics tadbirlarida elementor shakllarini yuborilishini qanday kuzatish mumkin

Google Analytics tadbirlarida elementar formadagi arizalarni qanday kuzatish mumkin

So'nggi bir necha hafta davomida men mijoz WordPress saytida ishlayapman, bu juda murakkab. Ular foydalanmoqdalar WordPress ga integratsiyalashuvi bilan ActiveCampaign yetakchilarni tarbiyalash uchun va a Zapier ga qo'shilish Zendesk Sotish orqali Elementor shakllari. Bu ajoyib tizim ... ma'lumot so'ragan odamlarga tomchilatib kampaniyalar o'tkazadi va so'ralganda tegishli savdo vakiliga murojaat qiladi. Menga Elementorning shaklining egiluvchanligi, tashqi ko'rinishi va hissiyotidan juda ta'sirlandim.

Oxirgi qadam, mijozga Google Analytics orqali tahlil qilish asboblar panelini taqdim etish edi, bu ularga oylik shakllarni topshirish bo'yicha oylik ishlashni ta'minladi. Ularda Google Tag Manager o'rnatilgan, shuning uchun biz allaqachon saytda elektron tijorat operatsiyalari va YouTube ko'rish faolligini yozib olamiz.

Men Elementor uchun muvaffaqiyatli ariza topshirish uchun DOM, tetiklar va Google Tag Manager ichidagi hodisalardan foydalanishga bir necha bor urinib ko'rdim, lekin omadim kelmadi. Men sahifani kuzatib borishning turli usullarini sinab ko'rdim, muvaffaqiyat xabarini AJAX orqali ochiladi va u ishlamayapti. Shunday qilib ... Men bir oz qidirib topdim va kuzatuvchi oshpazdan ajoyib echim topdim GTM yordamida o'q o'tkazmaydigan Elementor shaklini kuzatish.

Skript ishlatadi jQuery va Google Tag Manager -ni bosing Google Analytics tadbiri shakl muvaffaqiyatli topshirilganda. Kichik tahrirlar va bitta sintaksisini takomillashtirish bilan menda hamma narsa bor edi. Mana kod:

<script>
jQuery(document).ready(function($) {
    $(document).on('submit_success', function(evt) {
      window.dataLayer = window.dataLayer || [];
      window.dataLayer.push({
            'event': 'ga_event',
            'eventCategory': 'Form ',
            'eventAction': evt.target.name,
            'eventLabel': 'Submission'
        });
    });
});
</script>

Bu juda zukko, muvaffaqiyatli topshirishni kuzatib, keyin o'tib ketadi shakl toifasi sifatida manzil nomi Harakat sifatida va bo'ysunish yorliq sifatida. Maqsadni dasturiy qilib, siz ariza yuborilishini kuzatish uchun ushbu kodni har bir sahifaning pastki qismiga qo'yishingiz mumkin. Shunday qilib ... siz shakllarni qo'shganda yoki o'zgartirganda, skriptni yangilash yoki uni boshqa sahifaga qo'shish haqida hech qachon xavotirlanmaysiz.

Skriptni Elementor Custom Code orqali o'rnating

Agar siz agentlik bo'lsangiz, cheksiz yangilanishni va barcha mijozlaringiz uchun Elementor -dan foydalanishni tavsiya qilaman. Bu mustahkam platforma va sheriklar integratsiyasi soni tobora oshib bormoqda. Uni plagin bilan birlashtiring JB bilan aloqa shakli va siz barcha arizalaringizni to'plashingiz mumkin.

Elementor Pro ajoyib skriptni boshqarish opsiyasi o'rnatilgan. Bu erda siz o'z kodingizni kiritishingiz mumkin:

Elementor maxsus kodi

  • Navigatsiya qiling Elementor> Maxsus kod
  • Kodingizga nom bering
  • Joyni belgilang, bu holda oxir tana yorlig'i.
  • Agar sizda bir nechta skript bo'lsa, ularni joylash tartibini belgilang va ustuvorlikni belgilang.

Elementor formasini GA Event -ga GTM orqali yuborish

  • Yangilash -ni bosing
  • Sizdan shartni belgilash so'raladi va uni barcha sahifalarning standart holatiga qo'ying.
  • Keshingizni yangilang va skriptingiz jonli!

Google Tag Manager integratsiyasini oldindan ko'rib chiqing

Google Tag Manager brauzer misoliga ulanish va o'zgaruvchilar to'g'ri yuborilganligini tekshirish uchun kodingizni sinab ko'rishning ajoyib mexanizmiga ega. Bu juda muhim, chunki Google Analytics real vaqtda emas. Siz buni sinab ko'rishingiz, sinab ko'rishingiz va sinab ko'rishingiz mumkin, va agar siz buni sezmagan bo'lsangiz, ma'lumotlar Google Analytics -da ko'rinmaydi.

Men bu erda qanday qilishni o'rgatmoqchi emasman Google Tag Manager -ni oldindan ko'rish va disk raskadrovka... Men bilaman deb o'ylayman. Men o'z shaklimni ulangan test sahifasida yuborishim va GTM ma'lumotlariga kerakli ma'lumotlarni ko'rishim mumkin:

google tag menejeri ma'lumotlar qatlami

Bu holda, toifa "Forma" sifatida qattiq kodlangan edi, maqsad "Biz bilan bog'lanish" shakli edi va yorliq-"Yuborish".

Google Tag Manager -da ma'lumotlar o'zgaruvchilari, voqealar, tetik va teglarni o'rnating

Bu boradagi oxirgi qadam - bu o'zgaruvchilarni yozib olish uchun Google Tag menejerini sozlash va ularni tadbir uchun o'rnatilgan Google Analytics tegiga yuborish. Elad Levi boshqa qadamlarida bu qadamlarni batafsil bayon qiladi - Google Tag Manager -da umumiy hodisalarni kuzatish.

Ular o'rnatilgach, siz Google Analytics -dagi voqealarni ko'rishingiz mumkin bo'ladi!

Elementor Pro -ni oling

Ma'lumot: Men ushbu maqola davomida sheriklik havolalaridan foydalanmoqdaman.

6 Comments

  1. 1
  2. 3
  3. 5

Siz nima deb o'ylaysiz?

Ushbu sayt spamni kamaytirish uchun Akismet-dan foydalanadi. Fikringiz ma'lumotlarining qanday ishlashini bilib oling.