Analytics és tesztelésContent Marketing

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!

Douglas Karr

Douglas Karr CMO of OpenINSIGHTS és az alapítója a Martech Zone. Douglas több tucat sikeres MarTech startupnak segített, több mint 5 milliárd dolláros átvilágításban segédkezett a Martech akvizíciókban és befektetésekben, és továbbra is segíti a vállalatokat értékesítési és marketingstratégiáik megvalósításában és automatizálásában. Douglas nemzetközileg elismert digitális átalakulás és MarTech szakértő és előadó. Douglas egy Dummie's Guide és egy üzleti vezetői könyv szerzője is.

Kapcsolódó cikkek

Vissza a lap tetejére gombra
közel

Adblock észlelve

Martech Zone ingyenesen tudja biztosítani Önnek ezt a tartalmat, mivel webhelyünkkel bevételt szerezünk hirdetési bevételek, társult linkek és szponzorálás révén. Nagyra értékelnénk, ha eltávolítaná hirdetésblokkolóját, miközben megtekinti webhelyünket.