Aduprate jQuery per Listen And Pass Google Analytics Event Tracking For Any Click

jQuery Listen for Clicks to Pass Google Analytics Event Tracking

Sò sorpresu chì più integrazioni è sistemi ùn includenu micca automaticamente Tracciamentu di l'avvenimenti di Google Analytics in e so piattaforme. A maiò parte di u mo tempu chì travaglia nantu à i siti di i clienti hè di sviluppà u seguimentu per l'Avvenimenti per furnisce u cliente cù l'infurmazioni chì anu bisognu di ciò chì i cumpurtamenti di l'utilizatori travaglianu o ùn travaglianu micca in u situ.

A più recente, aghju scrittu annantu à cumu seguità mailto clics, tel clics, e Presentazione di moduli Elementor. Aghju da cuntinuà à sparte e suluzione chì scrivu cù a speranza chì vi aiuta à analizà megliu u vostru situ o u performance di l'applicazione web.

Questu esempiu furnisce un mezzu assai simplice per incorpore u Tracking di l'Avvenimentu di Google Analytics in ogni tag d'ancora aghjunghjendu un elementu di dati chì include a Category di l'Avvenimentu di Google Analytics, l'Azione di l'Evenimentu di Google Analytics è l'Etichetta di l'Evenimentu di Google Analytics. Eccu un esempiu di un ligame chì incorpora l'elementu di dati, chjamatu gaevent:

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

Un prerequisite per u vostru situ hè include jQuery in questu ... chì questu script hè alimentatu. Una volta chì a vostra pagina hè caricata, stu script aghjunghjenu un ascoltatore à a vostra pagina per qualcunu clicchendu nantu à un elementu cù gaevent data ... poi cattura è analizza a categuria, l'azzione è l'etichetta chì specificate in u campu.

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

Avvisu: aghju inclusu una alerta (cummentata) per pudè pruvà ciò chì hè veramente passatu.

Sè vo site jQuery nantu à WordPress, vi vulete mudificà u codice solu un pocu postu chì WordPress ùn apprezza micca u $ shortcut:

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

Ùn hè micca u script più robustu è pudete avè bisognu di fà una pulizia supplementaria, ma duverebbe principià!