Користите јКуери да слушате и преносите праћење догађаја Гоогле аналитике за било који клик

јКуери Листен фор Цлицкс то Пасс Гоогле Аналитицс Евент Трацкинг

Изненађен сам што се више интеграција и система не укључује аутоматски Праћење догађаја Гоогле аналитике у својим платформама. Већи део мог времена радећи на сајтовима клијената је развијање праћења догађаја како бих клијенту пружио информације које су му потребне о томе која понашања корисника раде или не раде на сајту.

Недавно сам писао о томе како пратити маилто кликови, тел кликне, и Подношење формулара Елементор. Наставићу да делим решења која пишем у нади да ће вам помоћи да боље анализирате перформансе ваше веб локације или веб апликације.

Овај пример пружа веома једноставно средство за укључивање праћења догађаја Гоогле аналитике у било коју ознаку сидрења додавањем елемента података који укључује категорију догађаја Гоогле аналитике, радњу догађаја Гоогле аналитике и ознаку догађаја Гоогле аналитике. Ево примера везе која укључује елемент података, тзв гаевент:

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

Предуслов за вашу веб локацију је укључивање јКуери-ја у њу... којом се ова скрипта покреће. Када се ваша страница учита, ова скрипта додаје слушаоца на вашу страницу за свакога ко кликне на елемент са гаевент подаци… затим хвата и анализира категорију, радњу и ознаку коју наведете у пољу.

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

Напомена: Укључио сам упозорење (коментарисано) тако да можете да тестирате шта је заиста прошло.

Ако користите јКуери на ВордПресс-у, пожелећете да само мало измените код пошто ВордПресс не цени пречицу $:

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

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