Naudokite „jQuery“, kad galėtumėte klausytis ir perduoti „Google Analytics“ įvykių stebėjimą už bet kokį paspaudimą

jQuery Klausykitės paspaudimų, kad galėtumėte stebėti „Google Analytics“ įvykius

Esu nustebęs, kad daugiau integracijų ir sistemų neįtraukiama automatiškai „Google Analytics“ įvykių stebėjimas savo platformose. Didžiąją laiko dalį dirbu klientų svetainėse, tobulinu įvykių stebėjimą, kad suteikčiau klientui reikalingą informaciją apie tai, kokia vartotojų elgsena veikia arba neveikia svetainėje.

Visai neseniai rašiau apie tai, kaip sekti mailto paspaudimai, tel paspaudimai, ir Elementor formų pateikimas. Ketinu ir toliau dalytis sprendimais, kuriuos rašau, tikėdamasis, kad tai padės geriau analizuoti svetainės ar žiniatinklio programos našumą.

Šiame pavyzdyje pateikiama labai paprasta priemonė įtraukti „Google Analytics“ įvykių stebėjimą į bet kurią prieraišo žymą, pridedant duomenų elementą, apimantį „Google Analytics“ įvykio kategoriją, „Google Analytics“ įvykio veiksmą ir „Google Analytics“ įvykio etiketę. Štai nuorodos, apimančios duomenų elementą, pavyzdys gaevent:

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

Būtina jūsų svetainės sąlyga – į ją įtraukti jQuery... kuri veikia šiame scenarijuje. Kai jūsų puslapis bus įkeltas, šis scenarijus prideda prie jūsų puslapio klausytoją visiems, spustelėjusiems elementą gaevent duomenys... tada jis užfiksuoja ir analizuoja lauke nurodytą kategoriją, veiksmą ir etiketę.

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

Pastaba: įtraukiau įspėjimą (pakomentavau), kad galėtumėte patikrinti, kas iš tikrųjų praėjo.

Jei naudojate „jQuery“ naudodami „WordPress“, norėsite šiek tiek pakeisti kodą, nes „WordPress“ neįvertina $ nuorodos:

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

Tai nėra pats patikimiausias scenarijus ir jums gali tekti atlikti papildomą valymą, tačiau jis turėtų padėti jums pradėti!