Izmantojiet jQuery, lai noklausītos un nodotu Google Analytics notikumu izsekošanu jebkuram klikšķim

jQuery Klausieties klikšķiem, lai izietu Google Analytics notikumu izsekošanu

Esmu pārsteigts, ka vairāk integrāciju un sistēmu netiek automātiski iekļautas Google Analytics notikumu izsekošana savās platformās. Lielu daļu no mana laika, strādājot klientu vietnēs, izstrādāju notikumu izsekošanu, lai sniegtu klientam nepieciešamo informāciju par to, kāda lietotāju uzvedība vietnē darbojas vai nedarbojas.

Pavisam nesen es rakstīju par to, kā izsekot mailto klikšķi, tel klikšķi, un Elementor veidlapu iesniegumi. Es turpināšu dalīties ar risinājumiem, ko rakstu, cerot, ka tie palīdzēs jums labāk analizēt vietnes vai tīmekļa lietojumprogrammu veiktspēju.

Šajā piemērā ir sniegts ļoti vienkāršs veids, kā iekļaut Google Analytics notikumu izsekošanu jebkurā enkura tagā, pievienojot datu elementu, kas ietver Google Analytics notikuma kategoriju, Google Analytics notikuma darbību un Google Analytics notikuma iezīmi. Šeit ir piemērs saitei, kas ietver datu elementu, ko sauc gaevent:

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

Jūsu vietnes priekšnoteikums ir jQuery iekļaušana tajā… ko nodrošina šis skripts. Kad lapa ir ielādēta, šis skripts pievieno jūsu lapai klausītāju ikvienam, kas noklikšķina uz elementa ar gaevent dati… tad tas tver un parsē laukā norādīto kategoriju, darbību un etiķeti.

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

Paziņojums: esmu iekļāvis brīdinājumu (komentētu), lai jūs varētu pārbaudīt, kas faktiski ir nokārtots.

Ja izmantojat jQuery pakalpojumā WordPress, vēlēsities tikai nedaudz modificēt kodu, jo WordPress nenovērtē $ saīsni:

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

Tas nav visspēcīgākais skripts, un, iespējams, jums būs jāveic papildu tīrīšana, taču tas palīdzēs jums sākt darbu!