jQuery bikar bînin da ku ji bo her klîk Gûhdarî Bikin û Bişopînin Google Analytics Bûyeran

jQuery Guh bide Bitikîne Ji bo Derbaskirina Şopandina Bûyerê ya Google Analytics

Ez şaş dimînim ku bêtir entegrasyon û pergalê bixweber nagirin Şopandina Bûyerê ya Google Analytics di platformên xwe de. Piraniya dema min a ku li ser malperên xerîdar dixebitim şopandina Bûyeran pêşdixe da ku agahdariya ku ew hewce dike bide xerîdar li ser çi tevgerên bikarhêner li ser malperê dixebitin an naxebitin.

Herî dawî, min li ser meriv çawa bişopîne nivîsand mailto bitikîne, tel bitikîne, û Pêşniyarên forma Elementor. Ez ê berdewam bikim ku çareseriyên ku ez dinivîsim parve bikim bi hêviya ku ew ji we re dibe alîkar ku hûn malpera xwe an performansa serîlêdana webê çêtir analîz bikin.

Ev mînak bi lêzêdekirina hêmanek daneyê ku Kategoriya Bûyerê ya Google Analytics, Çalakiya Bûyerê ya Google Analytics, û Etîketa Bûyerê ya Google Analytics vedihewîne, rêgezek pir hêsan peyda dike da ku şopandina Bûyerê ya Google Analytics-ê di her nîşana ankerê de bihewîne. Li vir mînakek girêdanek heye ku hêmana daneyê vedigire, tê gotin gaevent:

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

Ji bo malpera we şertek pêşîn ev e ku jQuery tê de hebe… ku ev skrîpt pê ve tê hêz kirin. Gava ku rûpela we tê barkirin, ev skrîpt ji bo her kesê ku pê re li ser hêmanek bikirtîne guhdarek li rûpela we zêde dike gaevent dane… wê hingê ew kategorî, çalakî û etîketa ku hûn di nav zeviyê de diyar dikin digire û pars dike.

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

Hişyarî: Min hişyariyek (şîrove kir) da ku hûn biceribînin tiştê ku bi rastî derbas bûye.

Ger hûn jQuery-yê li ser WordPress-ê dimeşînin, hûn ê bixwazin ku kodê hinekî biguhezînin ji ber ku WordPress ji kurtebiriya $ qîmet nake:

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

Ew ne skrîpta herî zexm e û dibe ku hûn hewce ne ku hin paqijkirina zêde bikin, lê divê ew we dest pê bike!