Sèvi ak jQuery pou koute epi pase Suivi Evènman Google Analytics pou nenpòt klik

jQuery Koute Klik pou Pase Suivi Evènman Google Analytics

Mwen sezi ke plis entegrasyon ak sistèm pa otomatikman enkli Google Analytics Suivi evènman nan platfòm yo. Anpil nan tan mwen travay sou sit kliyan yo ap devlope swiv pou Evènman yo bay kliyan an enfòmasyon yo bezwen sou ki konpòtman itilizatè yo ap travay oswa pa travay sou sit la.

Pi resamman, mwen te ekri sou fason pou swiv mailto klik, tel klik, ak Soumèt fòm Elementor. Mwen pral kontinye pataje solisyon yo ke mwen ekri ak espwa ke li ede ou pi byen analize sit ou oswa pèfòmans aplikasyon entènèt ou an.

Egzanp sa a bay yon mwayen trè senp pou enkòpore Suivi Evènman Google Analytics nan nenpòt tag jete lank lè w ajoute yon eleman done ki gen ladan Kategori Evènman Google Analytics, Aksyon Evènman Google Analytics, ak Etikèt Evènman Google Analytics. Men yon egzanp yon lyen ki enkòpore eleman done a, ki rele gaevent:

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

Yon avantou pou sit ou a se ki gen ladan jQuery nan li ... ki se script sa a mache ak. Yon fwa ke paj ou a chaje, script sa a ajoute yon moun k ap koute nan paj ou a pou nenpòt moun ki klike sou yon eleman ak gaevent done... Lè sa a, li kaptire ak analize kategori, aksyon, ak etikèt ou presize nan jaden an.

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

Avi: Mwen te enkli yon alèt (kòmantè soti) pou ou ka teste sa ki aktyèlman pase.

Si w ap kouri jQuery sou WordPress, ou pral vle modifye kòd la jis yon ti kras paske WordPress pa apresye chemen kout la $:

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

Li pa script ki pi solid epi ou ka bezwen fè kèk netwayaj adisyonèl, men li ta dwe fè ou kòmanse!