Használja a jQueryt a Google Analytics eseménykövetés meghallgatására és átadására bármely kattintás esetén
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!