Úsáid jQuery chun Rianú Imeachtaí Google Analytics a Éist Agus a Chur ar Aghaidh Le hAghaidh Cliceáil ar bith

Tá ionadh orm nach n-áirítear go huathoibríoch níos mó comhtháthú agus córais Rianú Imeachtaí Google Analytics ina n-ardáin. Tá cuid mhór de mo chuid ama ag obair ar shuímh na gcliant ag forbairt rianaithe le haghaidh Imeachtaí chun an fhaisnéis a theastaíonn uathu a sholáthar don chliaint maidir le cad iad na hiompraíochtaí úsáideora atá ag obair nó nach bhfuil ag obair ar an láithreán.

Le déanaí, scríobh mé faoi conas a rianú cad a tharlaíonn nuair mailto, cliceanna teil, agus Foirmeacha aighneachtaí Elementor. Táim chun leanúint ar aghaidh ag roinnt na réitigh atá á scríobh agam le súil go gcabhróidh sé leat anailís níos fearr a dhéanamh ar do shuíomh nó ar fheidhmíocht iarratais gréasáin.

Soláthraíonn an sampla seo bealach an-simplí chun Rianú Imeachta Google Analytics a ionchorprú in aon chlib ancaire trí eilimint sonraí a chur leis a chuimsíonn Catagóir Imeachta Google Analytics, Gníomh Imeachta Google Analytics, agus Lipéad Imeachta Google Analytics. Seo sampla de nasc a ionchorpraíonn an eilimint sonraí, ar a dtugtar gaevent:

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

Réamhriachtanas do do shuíomh is ea jQuery a áireamh ann… a bhfuil an script seo faoi thiomáint leis. Nuair a bheidh do leathanach luchtaithe, cuireann an script seo éisteoir le do leathanach d’aon duine a chliceáil ar eilimint leis gaevent sonraí… ansin gabhann agus parsálann sé an chatagóir, an gníomh agus an lipéad a shonraíonn tú laistigh den réimse.

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

Fógra: Chuir mé foláireamh (trácht amach) isteach agam ionas gur féidir leat a thástáil cad a ritheadh.

Má tá jQuery á rith agat ar WordPress, beidh tú ag iarraidh an cód a mhodhnú beagán ós rud é nach bhfuil meas ag WordPress ar an aicearra $:

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

Níl sé ar an script is láidre agus b'fhéidir go mbeadh ort roinnt glantacháin breise a dhéanamh, ach ba cheart go gcuirfeadh sé tús leat!