Kasutage jQueryt, et kuulata ja edastada Google Analyticsi sündmuste jälgimist iga kliki korral

Google Analyticsi sündmuste jälgimise läbimiseks jQuery Listen for Clicks

Olen üllatunud, et rohkem integratsioone ja süsteeme ei hõlma automaatselt Google Analyticsi sündmuste jälgimine nende platvormidel. Suure osa minu klientide saitidel töötamisest tegelen sündmuste jälgimise arendamisega, et pakkuda kliendile vajalikku teavet selle kohta, milline kasutaja käitumine saidil töötab või ei tööta.

Viimati kirjutasin sellest, kuidas jälgida mailto klikid, tel klikidja Elementori vormi esildised. Jätkan lahenduste jagamist, mida ma kirjutan, lootuses, et see aitab teil saidi või veebirakenduse toimivust paremini analüüsida.

See näide pakub väga lihtsat viisi Google Analyticsi sündmuste jälgimise lisamiseks mis tahes ankurmärgendisse, lisades andmeelemendi, mis sisaldab Google Analyticsi sündmuse kategooriat, Google Analyticsi sündmuse toimingut ja Google Analyticsi sündmuse silti. Siin on näide lingist, mis sisaldab andmeelementi nimega gaevent:

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

Teie saidi eeltingimuseks on jQuery lisamine sellele... mida see skript on varustatud. Kui teie leht on laaditud, lisab see skript teie lehele kuulaja kõigile, kes klõpsavad elemendil gaevent andmed... siis see jäädvustab ja analüüsib väljal määratud kategooria, toimingu ja sildi.

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

Märkus. Lisasin hoiatuse (kommenteerisin), et saaksite testida, mis on tegelikult läbitud.

Kui kasutate WordPressis jQueryt, peaksite koodi veidi muutma, kuna WordPress ei hinda $ otseteed:

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

See ei ole kõige jõulisem skript ja teil võib tekkida vajadus teha täiendavat puhastamist, kuid see peaks teid alustama!