Përdorni jQuery për të dëgjuar dhe kaluar gjurmimin e ngjarjeve të Google Analytics për çdo klik

jQuery Dëgjo për klikime për të kaluar ndjekjen e ngjarjeve të Google Analytics

Jam i befasuar që më shumë integrime dhe sisteme nuk përfshijnë automatikisht Ndjekja e ngjarjeve të Google Analytics në platformat e tyre. Pjesa më e madhe e kohës sime duke punuar në sajtet e klientëve është duke zhvilluar gjurmimin për Ngjarjet për t'i ofruar klientit informacionin që i nevojitet për sjelljet e përdoruesve që funksionojnë ose nuk funksionojnë në sajt.

Kohët e fundit, kam shkruar për mënyrën e gjurmimit mailto klikime, klikime teldhe Parashtresat e formularit elementor. Unë do të vazhdoj të ndaj zgjidhjet që po shkruaj me shpresën se do t'ju ndihmojë të analizoni më mirë performancën e faqes tuaj ose të aplikacionit në ueb.

Ky shembull ofron një mjet shumë të thjeshtë për të përfshirë Gjurmimin e Ngjarjeve të Google Analytics në çdo etiketë ankorimi duke shtuar një element të dhënash që përfshin kategorinë e ngjarjeve të Google Analytics, Veprimin e Ngjarjeve të Google Analytics dhe Etiketën e Ngjarjeve të Google Analytics. Këtu është një shembull i një lidhjeje që përfshin elementin e të dhënave, të quajtur gaevent:

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

Një parakusht për faqen tuaj është përfshirja e jQuery në të… me të cilin mundësohet ky skript. Pasi faqja juaj të jetë ngarkuar, ky skript shton një dëgjues në faqen tuaj për këdo që klikon në një element me të gaevent të dhënat… pastaj kap dhe analizon kategorinë, veprimin dhe etiketën që specifikoni brenda fushës.

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

Shënim: Unë kam përfshirë një sinjalizim (të komentuar) në mënyrë që të mund të testoni se çfarë ka kaluar në të vërtetë.

Nëse po përdorni jQuery në WordPress, do të dëshironi të modifikoni pak kodin pasi WordPress nuk e vlerëson shkurtoren $:

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

Nuk është skenari më i fortë dhe mund t'ju duhet të bëni disa pastrime shtesë, por duhet t'ju fillojë!