Gamita ang jQuery para Maminaw Ug Ipasa ang Pagsubay sa Hitabo sa Google Analytics Alang sa Bisan Unsang Pag-klik

jQuery Paminaw sa mga Pag-klik aron Mapasa ang Pagsubay sa Hitabo sa Google Analytics

Natingala ko nga daghang mga integrasyon ug sistema ang dili awtomatiko nga maapil Pagsubay sa Hitabo sa Google Analytics sa ilang mga plataporma. Kadaghanan sa akong oras nga nagtrabaho sa mga site sa mga kliyente nagpalambo sa pagsubay alang sa Mga Hitabo aron mahatagan ang kliyente sa kasayuran nga ilang gikinahanglan kung unsa nga pamatasan sa gumagamit ang nagtrabaho o wala nagtrabaho sa site.

Labing bag-o, nagsulat ako kung giunsa ang pagsubay mailto nga mga pag-klik, mga pag-klik sa tel, Ug Mga pagsumite sa Elementor nga porma. Magpadayon ako sa pagpaambit sa mga solusyon nga akong gisulat uban ang paglaum nga kini makatabang kanimo nga mas maayo nga pag-analisar sa imong site o performance sa web application.

Kini nga pananglitan naghatag ug usa ka yano kaayo nga paagi sa pag-apil sa Google Analytics Event Tracking ngadto sa bisan unsang anchor tag pinaagi sa pagdugang ug data element nga naglakip sa Google Analytics Event Category, Google Analytics Event Action, ug Google Analytics Event Label. Ania ang usa ka pananglitan sa usa ka link nga naglakip sa elemento sa datos, nga gitawag gaevent:

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

Ang usa ka kinahanglanon alang sa imong site naglakip sa jQuery niini… diin kini nga script gipadagan. Kung makarga na ang imong panid, kini nga script nagdugang usa ka tigpaminaw sa imong panid alang sa bisan kinsa nga nag-klik sa usa ka elemento nga adunay gaevent data… unya kini mokuha ug mag-parse sa kategorya, aksyon, ug label nga imong gipiho sulod sa field.

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

Matikdi: Nag-apil ko og alerto (nagkomento) aron masulayan nimo kung unsa gyud ang nakapasar.

Kung nagdagan ka sa jQuery sa WordPress, gusto nimo nga usbon ang code sa gamay tungod kay wala gipasalamatan sa WordPress ang $ shortcut:

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

Dili kini ang labing lig-on nga script ug kinahanglan nimo nga maghimo dugang nga paglimpyo, apan kinahanglan nimo nga magsugod!