Mampiasà jQuery hihaino sy handalo ny fanaraha-maso ny hetsika Google Analytics ho an'ny kitika rehetra

jQuery Henoy ny kitiho handalo ny fanaraha-maso ny hetsika Google Analytics

Gaga aho fa maro kokoa ny fampidirana sy rafitra tsy tafiditra ho azy Fanaraha-maso hetsika Google Analytics amin'ny sehatra misy azy ireo. Ny ankamaroan'ny fotoanako miasa amin'ny tranokalan'ny mpanjifa dia mamolavola fanaraha-maso ho an'ny hetsika mba hanomezana ny mpanjifa ny fampahalalana ilainy momba ny fitondran-tenan'ny mpampiasa miasa na tsy miasa amin'ny tranokala.

Vao haingana aho no nanoratra momba ny fomba fanaraha-maso mailto clicks, tel clicks, ary Fametrahana endrika Elementor. Hanohy hizara ny vahaolana izay soratako aho miaraka amin'ny fanantenana fa hanampy anao hamakafaka tsara kokoa ny tranokalanao na ny fampiharana amin'ny tranonkala izany.

Ity ohatra ity dia manome fomba tena tsotra hampidirana ny Google Analytics Event Tracking amin'ny marika vatofantsika rehetra amin'ny alàlan'ny fampidirana singa angon-drakitra misy ny Google Analytics Event Category, Google Analytics Event Action, ary Google Analytics Event Label. Ity misy ohatra amin'ny rohy iray izay mampiditra ny singa data, antsoina hoe gaevent:

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

Ny fepetra takiana amin'ny tranokalanao dia ny fampidirana ny jQuery ao anatiny… izay ampiasain'ity script ity. Rehefa feno ny pejinao, ity script ity dia manampy mpihaino amin'ny pejinao ho an'izay manindry singa iray gaevent angon-drakitra… avy eo dia maka sy manara-maso ny sokajy, hetsika ary mari-pamantarana voafaritrao ao anatin'ny saha.

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

Fanamarihana: Nampidiriko fanairana (naneho hevitra) mba hahafahanao mitsapa ny tena lany.

Raha mampiasa jQuery amin'ny WordPress ianao dia te hanova kely ny code satria tsy mankasitraka ny $ hitsin-dàlana ny WordPress:

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

Tsy io no script matanjaka indrindra ary mety mila fanadiovana fanampiny ianao, fa tokony hanomboka anao izany!