Használja a jQueryt a Google Analytics eseménykövetés meghallgatására és átadására bármely kattintás esetén

jQuery Listen for Clicks to Pass Google Analytics Event Tracking

Meglep, hogy több integráció és rendszer nem tartalmazza automatikusan Google Analytics eseménykövetés a platformjaikon. Az ügyfelek webhelyein dolgozó időm nagy részét az események nyomon követésének fejlesztése jelenti, hogy az ügyfél megkapja a szükséges információkat arról, hogy a webhelyen milyen felhasználói viselkedések működnek vagy nem.

Legutóbb a nyomkövetésről írtam mailto kattint, tel kattintés Elementor űrlap beküldések. Továbbra is meg fogom osztani az általam írt megoldásokat, abban a reményben, hogy segít jobban elemezni webhelye vagy webalkalmazása teljesítményét.

Ez a példa egy nagyon egyszerű módszert kínál a Google Analytics eseménykövetés bármely horgonycímkébe történő beépítésére egy olyan adatelem hozzáadásával, amely tartalmazza a Google Analytics eseménykategóriát, a Google Analytics eseményműveletet és a Google Analytics eseménycímkét. Íme egy példa egy hivatkozásra, amely magában foglalja a nevezett adatelemet gaevent:

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

Webhelyének előfeltétele, hogy benne legyen a jQuery… amivel ez a szkript működik. Az oldal betöltése után ez a szkript figyelőt ad az oldalához, ha bárki rákattint egy elemre gaevent adatok… majd rögzíti és elemzi a mezőben megadott kategóriát, műveletet és címkét.

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

Figyelmeztetés: Mellékeltem egy figyelmeztetést (kommentált), hogy tesztelje, mi is sikeres.

Ha a jQuery-t WordPress-en futtatja, érdemes egy kicsit módosítania a kódot, mivel a WordPress nem értékeli a $ parancsikont:

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

Ez nem a legrobusztusabb szkript, és előfordulhat, hogy további tisztítást kell végeznie, de ennek el kell kezdenie!