Google Analytics | Event Tracking einrichten
In meinem Beispiel von Event Tracking verwende ich die derzeit aktuelle Implementierung von Google Analytics auf Grundlage von gtag.js. Wie du Google Analytics einbindest, habe ich hier gezeigt.
Durch Event Tracking lassen sich Aktionen, die sich auf die Nutzung von Elementen innerhalb von Seiten befinden, wie etwa Formulare, Buttons und Links etc. messen.
Kommen wir aber direkt zur Umsetzung.
Event Tracking Code
Der grundsätzliche Funktionsaufruf geschieht mittels folgender Parameter:
gtag('event', 'Link', {'send_to': 'UA-XXXXXXXXX-1','event_category': 'Event-Kategory','event_label': 'Event-Beschreibung'});
Für einen Link könnte dass dann wie folgt aussehen:
<a href="https://www.deineDomain.tld/" title="" onClick="gtag('event', 'Link', {'send_to': 'UA-XXXXXXXXX-1','event_category': 'Event-Kategory','event_label': 'Event-Beschreibung'});">Dein Link</a>
Bei einem Button und Klick Event sieht das ähnlich aus:
<button type="submit" onClick="gtag('event', 'Button', {'send_to': 'UA-XXXXXXXXX-1','event_category': 'Event-Kategory','event_label': 'Event-Beschreibung'});"></button>
Bei Formularen kann man die onchange Funktion nutzen:
<input type="text" name="name" value="" onchange="gtag('event', 'Formular', {'send_to': 'UA-XXXXXXXXX-1','event_category': 'Event-Kategory','event_label': 'Event-Beschreibung'});">
Auch kannst du damit prüfen ob ein Formular abgeschickt wurde. Dazu einfach folgendes Codebeispiel auf die Bestätigungsseite deines Formulars integrieren:
<script>gtag('event', 'Formular', {'send_to': 'UA-XXXXXXXXX-1','event_category': 'Event-Kategory','event_label': 'Event-Beschreibung'});</script>
Kommentare
Das ist die beste Erklärung zum Thema ‚Event Tracking bei Google Analytics‘. Und ich bin unendlich dankbar dafür.
Es ist internetweit die einzige Erklärung, die (in meinem Anwendungsfall) wirklich funktionierte und zum gewünschten Ergebnis führte.
Der Schlüssel liegt im Befehl „’send_to‘: ‚UA-XXXXXXXXX-1′“. (Es mag für viele, die täglich mit Google Analytics bzw. gtag.js arbeiten, eine Selbstverständlichkeit sein, diesen Befehl einzufügen, aber er ist tatsächlich in keiner anderen Anleitung, die ich im Internet gefunden habe, vorhanden.)
Danke!
Freut mich geholfen zu haben 🙂
Ja, die Erklärung ist hervorragend 🙂
Eine Anregung habe ich allerdings (auch wenn es in diesem Fall trotzdem funktioniert):
„onclick“ schreibt man bei einem js-onclick-Event – nach meinem Kenntnisstand – komplett klein (also keine camelCase-Schreibweise à la „onClick“).
Ich verweise einfach mal auf die folgenden Seiten:
https://www.w3schools.com/jsref/event_onclick.asp
https://stackoverflow.com/questions/4380719/onclick-or-onclick
Und nochmals DANKE!
Weitere Beiträge
TYPO3 Subheader (Untertitel) im Backend benutzen.
OXID 6 | Vorstellung Modul mit Entwicklerwerkzeugen
Programmieren für die Blockchain: Smart Contracts und dezentrale Anwendungen entwickeln
Zufälligen Inhalt einer Spalte per TypoScript ausgeben.