Har qanday bosish uchun Google Analytics hodisalarini kuzatish va tinglash uchun jQuery-dan foydalaning

jQuery Google Analytics hodisalarini kuzatish uchun kliklarni tinglang

Ko'proq integratsiya va tizimlar avtomatik ravishda o'z ichiga olmaganiga hayronman Google Analytics hodisalarni kuzatish ularning platformalarida. Mijozlarning saytlarida ishlagan vaqtimning ko'p qismi mijozga foydalanuvchining saytda qanday xatti-harakatlari ishlayotgani yoki ishlamayotgani haqida kerakli ma'lumotlarni taqdim etish uchun Voqealar kuzatuvini ishlab chiqishdan iborat.

Yaqinda men qanday kuzatish haqida yozdim mailto bosishlari, tel bosishva Elementor shakli taqdimoti. Men o'zim yozayotgan yechimlar bilan baham ko'rishda davom etaman, bu sizning saytingiz yoki veb-ilovangiz ish faoliyatini yaxshiroq tahlil qilishga yordam beradi.

Ushbu misol Google Analytics Voqealar Kuzatuvini Google Analytics Voqealar toifasi, Google Analytics Voqealar Harakati va Google Analytics Voqealar yorlig'ini o'z ichiga olgan ma'lumotlar elementini qo'shish orqali har qanday langar tegiga kiritishning juda oddiy vositalarini taqdim etadi. Ma'lumotlar elementini o'z ichiga olgan havolaga misol, deb ataladi voqea:

<a href="#" data-gaevent="Category,Action,Label">Click Here</a>

Saytingiz uchun zaruriy shart - jQuery-ni o'z ichiga oladi… bu skript bilan ishlaydi. Sizning sahifangiz yuklangandan so'ng, ushbu skript elementni bosgan har bir kishi uchun sahifangizga tinglovchi qo'shadi voqea maʼlumotlar… keyin u maydonda siz koʻrsatgan toifa, amal va yorliqni yozib oladi va tahlil qiladi.

<script>
  $(document).ready(function() {      
    $(document).on('click', '[data-gaevent]', function(e) {
      var $link = $(this);
      var csvEventData = $link.data('gaevent');
      var eventParams = csvEventData.split(',');
      if (!eventParams) { return; }
        eventCategory = eventParams[0]
        eventAction = eventParams[1]
        eventLabel = eventParams[2]
        gtag('event',eventAction,{'event_category': eventCategory,'event_label': eventLabel})
        //alert("The Google Analytics Event passed is Action: " + eventAction + ", Category: " + eventCategory + ", Label: " + eventLabel);
    });
  });
</script>

Eslatma: Siz haqiqatda o'tgan narsalarni sinab ko'rishingiz uchun men ogohlantirishni (sharhlangan) qo'shdim.

Agar siz WordPress-da jQuery-ni ishlatayotgan bo'lsangiz, kodni biroz o'zgartirishni xohlaysiz, chunki WordPress $ yorlig'ini qadrlamaydi:

<script>
  jQuery(document).ready(function() {      
    jQuery(document).on('click', '[data-gaevent]', function(e) {
      var $link = jQuery(this);
      var csvEventData = $link.data('gaevent');
      var eventParams = csvEventData.split(',');
      if (!eventParams) { return; }
        eventCategory = eventParams[0]
        eventAction = eventParams[1]
        eventLabel = eventParams[2]
        gtag('event',eventAction,{'event_category': eventCategory,'event_label': eventLabel})
        //alert("The Google Analytics Event passed is Action: " + eventAction + ", Category: " + eventCategory + ", Label: " + eventLabel);
    });
  });
</script>

Bu eng ishonchli skript emas va siz qo'shimcha tozalashni amalga oshirishingiz kerak bo'lishi mumkin, ammo bu sizni boshlashingiz kerak!