Tumia jQuery Kusikiliza na Kupitisha Ufuatiliaji wa Tukio la Google Analytics Kwa Mbofyo Wowote

jQuery Sikiliza kwa Mibofyo Ili Kupitisha Ufuatiliaji wa Tukio la Google Analytics

Ninashangaa kuwa miunganisho zaidi na mifumo haijumuishi kiotomatiki Ufuatiliaji wa Tukio la Google Analytics katika majukwaa yao. Muda mwingi wa kufanya kazi kwenye tovuti za wateja ni kutengeneza ufuatiliaji wa Matukio ili kumpa mteja taarifa anayohitaji kuhusu tabia za watumiaji zinazofanya kazi au kutofanya kazi kwenye tovuti.

Hivi majuzi, niliandika juu ya jinsi ya kufuatilia mibofyo ya barua pepe, mibofyo ya simu, na Mawasilisho ya fomu ya kipengele. Nitaendelea kushiriki masuluhisho ninayoandika kwa matumaini kwamba yatakusaidia kuchanganua vyema tovuti yako au utendaji wa programu ya wavuti.

Mfano huu unatoa njia rahisi sana za kujumuisha Ufuatiliaji wa Tukio la Google Analytics kwenye lebo yoyote ya msingi kwa kuongeza kipengele cha data kinachojumuisha Kitengo cha Tukio la Google Analytics, Kitendo cha Tukio la Google Analytics na Lebo ya Tukio ya Google Analytics. Hapa kuna mfano wa kiunga kinachojumuisha kipengele cha data, kinachoitwa gaevent:

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

Sharti la tovuti yako ni pamoja na jQuery ndani yake… ambayo hati hii inaendeshwa nayo. Mara ukurasa wako unapopakiwa, hati hii inaongeza msikilizaji kwenye ukurasa wako kwa mtu yeyote anayebofya kipengele gaevent data... kisha inanasa na kuchanganua kategoria, kitendo, na lebo unayobainisha ndani ya uga.

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

Notisi: Nimejumuisha arifa (iliyotolewa maoni) ili uweze kujaribu kile ambacho kimepitishwa.

Ikiwa unatumia jQuery kwenye WordPress, utataka kurekebisha msimbo kidogo tu kwani WordPress haithamini njia ya mkato ya $:

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

Sio hati thabiti zaidi na unaweza kuhitaji kufanya usafishaji wa ziada, lakini inapaswa kukufanya uanze!