Користете jQuery за слушање и пренесување на следење на настани на Google Analytics за секој клик

jQuery Слушајте кликови за да помине следење на настани на Google Analytics

Изненаден сум што повеќе интеграции и системи не вклучуваат автоматски Следење на настани на Google Analytics во нивните платформи. Поголемиот дел од моето време работејќи на страниците на клиентите развива следење за Настани за да му ги дадам информациите што му се потребни на клиентот за тоа какви однесувања на корисниците функционираат или не работат на страницата.

Неодамна, напишав за тоа како да се следи mail за кликови, тел кликне, и Поднесоци од Elementor форма. Ќе продолжам да ги споделувам решенијата што ги пишувам со надеж дека ќе ви помогнат подобро да ги анализирате перформансите на вашата страница или веб-апликација.

Овој пример обезбедува многу едноставно средство за инкорпорирање на Следење на настани на Google Analytics во која било ознака за прицврстување со додавање на податочен елемент што ги вклучува Категоријата на настани на Google Analytics, Дејството на настанот на Google Analytics и етикетата за настани на Google Analytics. Еве пример за врска што го вклучува податочниот елемент, наречен gaevent:

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

Предуслов за вашиот сајт е вклучување на jQuery во него… со кој се напојува оваа скрипта. Откако ќе се вчита вашата страница, оваа скрипта додава слушател на вашата страница за секој што ќе кликне на елемент со gaevent податоци… потоа ги доловува и анализира категоријата, дејството и етикетата што ќе ги наведете во полето.

<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>

Забелешка: Вклучив предупредување (коментирано) за да можете да тестирате што всушност е положено.

Ако користите jQuery на WordPress, ќе сакате да го измените кодот само малку бидејќи WordPress не ја цени кратенката $:

<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>

Тоа не е најцврстата скрипта и можеби ќе треба да направите дополнително чистење, но треба да започнете!