Erabili jQuery entzuteko eta Google Analytics gertaeren jarraipena edozein klik egiteko

jQuery Entzun klikak Google Analytics gertaeren jarraipena gainditzeko

Harrituta nago integrazio eta sistema gehiago automatikoki sartzen ez izateak Google Analytics Gertaeren Jarraipena euren plataformetan. Bezeroen guneetan lan egiten dudan denboraren zati handi bat Gertaeren jarraipena garatzen ari da, bezeroari webgunean funtzionatzen duten edo ez duten erabiltzaileen jokabideei buruz behar duten informazioa eskaintzeko.

Duela gutxi, jarraipena nola egin buruz idatzi nuen mailto klikak, tel klikak, eta Elementor inprimaki bidalketak. Idazten ari naizen irtenbideak partekatzen jarraituko dut zure webgunearen edo web aplikazioen errendimendua hobeto aztertzen lagunduko dizun itxaropenarekin.

Adibide honek Google Analytics Gertaeren Jarraipena edozein aingura-etiketan sartzeko bide oso sinplea eskaintzen du, Google Analytics Gertaeren Kategoria, Google Analytics Gertaeraren Ekintza eta Google Analytics Gertaeraren Etiketa biltzen dituen datu-elementua gehituta. Hona hemen datu-elementua biltzen duen esteka baten adibidea, izenekoa gaegertaera:

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

Zure gunerako aurrebaldintza bat jQuery barne hartzea da... script honek elikatzen duen. Zure orria kargatu ondoren, script honek entzule bat gehitzen dio zure orrialdeari elementu batean klik egiten duenari. gaegertaera datuak… gero eremuan zehazten dituzun kategoria, ekintza eta etiketa atzeman eta analizatzen ditu.

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

Oharra: alerta bat sartu dut (iruzkindutakoa) benetan gainditutakoa probatu dezazun.

jQuery WordPress-en exekutatzen ari bazara, kodea apur bat aldatu nahi izango duzu, WordPress-ek ez baitu $ lasterbidea estimatzen:

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

Ez da gidoi sendoena eta baliteke garbiketa gehigarri bat egin behar izatea, baina hasi beharko zenuke!