Uzu jQuery por Aŭskulti Kaj Pasi Google Analytics Event Tracking Por Ajna Klako

jQuery Aŭskultu Klakojn por Pasi Google Analytics Event Tracking

Mi miras, ke pli da integriĝoj kaj sistemoj ne aŭtomate inkluzivas Spurado de Eventoj de Google Analytics en siaj platformoj. Granda parto de mia tempo laboranta pri retejoj de klientoj disvolvas spuradon por Eventoj por provizi la klienton per la informoj, kiujn ili bezonas pri kiaj uzantkondutoj funkcias aŭ ne funkcias en la retejo.

Plej lastatempe, mi skribis pri kiel spuri mailto klakoj, tel klakojKaj Elementor-formularoj. Mi daŭre dividos la solvojn, kiujn mi skribas, kun la espero, ke ĝi helpos vin pli bone analizi vian retejon aŭ retan aplikaĵon.

Ĉi tiu ekzemplo provizas tre simplan rimedon por korpigi Google Analytics Event Tracking en ajnan ankran etikedon aldonante datuman elementon, kiu inkluzivas la Google Analytics Event Category, Google Analytics Event Action kaj Google Analytics Event Label. Jen ekzemplo de ligilo, kiu enkorpigas la datumelementon, nomitan gaevent:

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

Antaŭkondiĉo por via retejo estas inkluzivanta jQuery en ĝi... kun kiu ĉi tiu skripto estas funkciigita. Post kiam via paĝo estas ŝarĝita, ĉi tiu skripto aldonas aŭskultanton al via paĝo por ĉiu, kiu klakas sur elemento kun gaevent datumoj... tiam ĝi kaptas kaj analizas la kategorion, agon kaj etikedon, kiujn vi specifas en la kampo.

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

Rimarko: Mi enmetis atentigon (komentitan) por ke vi povu testi tion, kio efektive pasis.

Se vi rulas jQuery sur WordPress, vi volas modifi la kodon nur iomete ĉar WordPress ne aprezas la $ ŝparvojon:

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

Ĝi ne estas la plej fortika skripto kaj vi eble bezonos fari plian purigadon, sed ĝi devus komenci vin!