Notaðu jQuery til að hlusta og standast Google Analytics viðburðarrakningu fyrir hvaða smell sem er

jQuery Hlustaðu á smelli til að standast Google Analytics viðburðarrakningu

Ég er hissa á því að fleiri samþættingar og kerfi eru ekki sjálfkrafa með Google Analytics viðburðarrakningu í palla sína. Mikið af tíma mínum við að vinna á vefsvæðum viðskiptavina er að þróa mælingar fyrir Events til að veita viðskiptavinum þær upplýsingar sem þeir þurfa um hvaða notendahegðun virkar eða virkar ekki á síðunni.

Nú síðast skrifaði ég um hvernig á að rekja mailto smellir, síma smellirog Innsendingar á Elementor eyðublöðum. Ég ætla að halda áfram að deila lausnunum sem ég er að skrifa með von um að þær hjálpi þér að greina betur frammistöðu síðunnar þinnar eða vefforrita.

Þetta dæmi veitir mjög einfalda leið til að fella Google Analytics viðburðarrakningu inn í hvaða akkerismerki sem er með því að bæta við gagnaeiningu sem inniheldur Google Analytics viðburðaflokk, Google Analytics viðburðaraðgerð og Google Analytics viðburðarmerki. Hér er dæmi um tengil sem inniheldur gagnaþáttinn, kallaður gaevent:

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

Forsenda fyrir síðuna þína er að innihalda jQuery í henni ... sem þetta handrit er knúið með. Þegar síðan þín hefur verið hlaðin bætir þetta handrit við hlustanda á síðuna þína fyrir alla sem smella á þátt með gaevent gögn... þá fangar það og flokkar flokkinn, aðgerðina og merki sem þú tilgreinir innan reitsins.

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

Tilkynning: Ég hef sett inn viðvörun (skrifað út ummæli) svo að þú getir prófað hvað hefur raunverulega staðist.

Ef þú ert að keyra jQuery á WordPress, þá viltu breyta kóðanum aðeins þar sem WordPress kann ekki að meta $ flýtileiðina:

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

Þetta er ekki öflugasta handritið og þú gætir þurft að gera smá hreinsun til viðbótar, en það ætti að koma þér af stað!