Generisches GA4 Klick-Tracking mit dem Google Tag Manager
Neben SEO ist seit einigen Jahren auch das Thema Web Analytics eines meiner Steckenpferde. Im Zuge der Umstellung auf Google Analytics 4 war ich auch bei karriere.at für die Erstellung der Tracking-Spezifikationen verantwortlich.
Generisches Klick-Tracking
Um das User-Verhalten besser zu verstehen, sollten ausgewählte Elemente mit einem Klick-Tracking ausgestattet werden. Dabei habe ich für mich folgende Anforderungen definiert:
- Einfach: Das Hinzufügen eines neuen Trackings sollte schnell und ohne nötiges Detailwissen möglich sein.
- Konsistent: Es gibt eine klare Struktur für das Klick-Tracking über die ganze Seite hinweg.
- Skalierbar: Das Tracking sollte für 10, aber auch für 100 oder mehr Elemente funktionieren.
- Robust: Änderungen an der HTML-Struktur sollten keinen Einfluss auf das Tracking haben.
Die Basis: HTML data-Attribute
Alle zu trackenden Elemente erhalten spezielle data-Attribute in dieser Form:
<button
data-gtm-element="HOME: Banner"
data-gtm-element-detail="Osterprogramme">
<span>Unsere Osterprogramme</span>
</button>
Code-Sprache: HTML, XML (xml)
Sobald ein DOM-Knoten das Attribut data-gtm-element
enthält, werden Klicks auf das jeweilige Element getrackt. Dabei muss immer nur das jeweilige Parent-Element (in dem Fall <button>
) mit den Datenattributen ausgezeichnet werden. Das Attribut data-gtm-element-detail
ist optional und kann verwendet werden um dem Element noch etwas mehr Kontext zu geben.