Използвайте jQuery, за да слушате и предавате проследяване на събития в Google Analytics за всяко кликване

jQuery Listen for Clicks to Pass Google Analytics Event Tracking

Изненадан съм, че повече интеграции и системи не се включват автоматично Проследяване на събития в Google Анализ в техните платформи. Голяма част от времето ми, работещо в сайтове на клиенти, е разработването на проследяване за събития, за да предоставя на клиента информацията, от която се нуждае за това какво поведение на потребителите работи или не работи на сайта.

Съвсем наскоро писах за това как се проследява mailto кликвания, тел щраква, и Изпращане на формуляр на Elementor. Ще продължа да споделям решенията, които пиша с надеждата, че те ще ви помогнат да анализирате по-добре ефективността на вашия сайт или уеб приложение.

Този пример предоставя много лесни средства за включване на проследяването на събития в Google Анализ във всеки маркер за закотвяне чрез добавяне на елемент от данни, който включва категорията на събитието в Google Анализ, действието на събитието в Google Анализ и етикета за събитие на Google Анализ. Ето пример за връзка, която включва елемента данни, наречен събитие:

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

Предпоставка за вашия сайт е включването на jQuery в него... с който се захранва този скрипт. След като вашата страница се зареди, този скрипт добавя слушател към вашата страница за всеки, който щракне върху елемент с събитие данни... след това улавя и анализира категорията, действието и етикета, които посочите в полето.

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

Това не е най-стабилният скрипт и може да се наложи да направите допълнително почистване, но трябва да започнете!