Automatisches Event Tracking mit Google Analytics und Google Tag Manager

Größe: px

Ab Seite anzeigen:

Download "Automatisches Event Tracking mit Google Analytics und Google Tag Manager"

Heinz Martin
vor 6 Jahren
Abrufe

1 Datum: Seite: 1 von 7 Inhalt Mit dem Event Tracking können Sie die Nutzeraktionen auf Ihrer Webseite detailliert auswerten, z.b. Klicks auf Schaltflächen, abgeschickte Formulare oder durchgeführte Downloads. Die Interaktionen können Sie in Analytics messen, indem Sie eine der drei folgenden Tracking- Varianten verwenden: Klickaktionen mittels JavaScript erfassen: ga('send', 'event', 'category', 'action', 'label') Datenschicht-Ereigniscode des Google Tag Managers implementieren: datalayer.push({'event': 'event_name'}); Oder Sie nutzen das automatische Event Tracking des Google Tag Managers. Wie Sie letzteres implementieren und konfigurieren, möchten wir Ihnen in diesem Howto zeigen. Vorteil des automatischen Event Tracking mit dem GTM Mit dem automatischen Event Tracking des Google Tag Managers lassen sich die einzelnen Aktionen viel einfacher erfassen. Sie können direkt auf der grafischen Oberfläche Ereignis-Tags erzeugen, die später bei einer relevanten Nutzeraktion von sogenannten Triggern ausgelöst werden. Diese basieren wiederum auf Variablen, die Sie ebenfalls direkt im Google Tag Manager erstellen können. Hinweis: Das automatische Event Tracking sollte in Verbindung mit eindeutig identifizierbaren Elementen verwendet werden. Für nicht vom Google Tag Manager erkennbare oder erfassbare Elemente, wie z.b. Klicks in Flash-Objekten, müssen Sie den Datenschicht-Ereigniscode verwenden.

Datum: 05.03.2017 Seite: 2 von 7 Einrichtung des automatischen Event Tracking im Google Tag Manager 1.

Fügen Sie die Code-Snippets des Containers wie dort angegeben in Ihre Webseite ein: den <script>-teil möglichst an den Anfang des <head>-bereichs den <noscript>-teil möglichst unmittelbar nach dem

2 Datum: Seite: 2 von 7 Einrichtung des automatischen Event Tracking im Google Tag Manager 1. Google Tag Manager Konto und Container erstellen Legen Sie, falls noch nicht geschehen, unter ein Konto und einen Container für Ihre Webseite an. Fügen Sie die Code-Snippets des Containers wie dort angegeben in Ihre Webseite ein: den <script>-teil möglichst an den Anfang des <head>-bereichs den <noscript>-teil möglichst unmittelbar nach dem (öffnenden) <body>-tag 2. Integrierte Variablen aktivieren Das automatische Event Tracking basiert auf sogenannten Klicktriggern. Aktivieren Sie also zunächst alle Klickvariablen unter Variablen > Integrierte Variablen : 3. Neues Ereignis-Tag erstellen Klicken Sie im Menü Tags auf die rote Schaltfläche Neu oder kopieren Sie, falls vorhanden, Ihr bestehendes Seitenaufruf-Tag von Google Analytics, um Eingabefehler zu vermeiden. Legen Sie einen aussagekräftigen Namen für Ihr neues Ereignis-Tag fest. In unserem Beispiel verwenden wir die Bezeichnung GA Event Click CTA Button.

Datum: 05.03.2017 Seite: 3 von 7 4. Das Ereignis-Tag konfigurieren Überprüfen Sie zunächst die Tracking-ID.

3 Datum: Seite: 3 von 7 4. Das Ereignis-Tag konfigurieren Überprüfen Sie zunächst die Tracking-ID. Aktualisieren Sie den Wert oder verwenden Sie die von Google empfohlene Kontantenstringvariable gaproperty. (siehe auch: Wählen Sie nun den Tracking-Typ Ereignis. Daraufhin werden Ihnen die drei Hierarchieebenen des Ereignis-Tracking Kategorie, Aktion und Label, sowie ein optionales Feld für den Wert eingeblendet. Für Kategorie können Sie z.b. unterscheiden zwischen Seitenbereichen (Startseite, Übersichtsseite, Detailseite usw.) oder Ereignistypen (Navigation, Interaktion, Kommunikation usw.) Wir verwenden für unseren Beispiel-Button die Kategorie Interaktion. Als Aktion verwenden wir den Namen des Buttons CTA Button, um der Nutzeraktion so einen eindeutigen Namen zuzuweisen. Für die letzte Ebene der Hierarchie Label verwenden wir die Seiten-URL, um nachvollziehen zu können, auf welcher Seite der Klick auf den Button erfolgte. Das Feld Wert lassen wir in unserem Beispiel frei. Im letzten Konfigurationsfeld können Sie die Option Falsch ausgewählt lassen, wenn es sich bei dem Ereignis um einen Klick handelt, der zu einem neuen Seitenaufruf führt. Wenn der Klick zu keinem neuen Seitenaufruf führt, der Einfluss auf die Absprungrate hat, müssen Sie hier Wahr wählen. Nach Konfiguration der Tracking-Parameter sollten die Felder wie folgt aussehen:

4 Datum: Seite: 4 von 7 5. Ereignis-Trigger einrichten Entfernen Sie zunächst den bestehenden Trigger aus der Konfiguration, falls Sie in Schritt 3 ein bestehendes Tag kopiert hatten, mit der grauen Minus-Schaltfläche am rechten Rand: Klicken Sie anschließend in nun leere Konfigurationsfeld: Drücken Sie danach ganz oben rechts auf das Plus-Symbol, um einen neuen Trigger hinzuzufügen: Wählen Sie nun aus folgenden beiden Trigger-Typen im Abschnitt Klick :

Datum: 05.03.2017 Seite: 5 von 7 Nur Links wird für Anchor-Tags verwendet, unabhängig davon, ob das Anchor-Tag reguläeren Text oder ein Bild-Tag umschließt.

Anchor-Tag, nicht aber von darunter angeordneten Elementen, wie hier dem Bild. Der Trigger-Typ Alle Elemente kann für alle anderen Elemente, wie z.b. <div> oder <img> verwendet werden und liefert jeweils die Informationen zu dem geklickten Element auf unterster Ebene.

Abschließend legen Sie mit der Filteroption Einige Klicks auf Links fest, wann der Trigger genau ausgelöst werden soll.

5 Datum: Seite: 5 von 7 Nur Links wird für Anchor-Tags verwendet, unabhängig davon, ob das Anchor-Tag reguläeren Text oder ein Bild-Tag umschließt. Beispiel Text: <a href="#"> Link </a> Beispiel Bild: <a href="#"><img class="image" src="#"></a> Hinweis: Ein Trigger vom Typ Nur Links liefert nur die Informationen zum Anchor-Tag, nicht aber von darunter angeordneten Elementen, wie hier dem Bild. Der Trigger-Typ Alle Elemente kann für alle anderen Elemente, wie z.b. <div> oder <img> verwendet werden und liefert jeweils die Informationen zu dem geklickten Element auf unterster Ebene. In dem vorhergehenden Beispiel Bild wären das also die Infos aus dem <img>-tag. Wir verwenden für unser Beispiel den Typ Nur Links. Abschließend legen Sie mit der Filteroption Einige Klicks auf Links fest, wann der Trigger genau ausgelöst werden soll. In unserem Beispiel enthält der CTA-Button die eindeutige Bedingung class= cta_button, deshalb definieren wir folgende Regel: Die fertige Trigger-Konfiguration sollte jetzt wie folgt aussehen:

6 Datum: Seite: 6 von 7 Das fertig konfigurierte Tag sieht dann wie folgt aus: 6. Testen und Veröffentlichen des Ereignis-Tags Aktivieren Sie über das Dropdown unter Ihrem Profilbild am oberen rechten Seitenrand den Vorschaumodus:

7 Datum: Seite: 7 von 7 Öffnen Sie Ihre Webseite und klicken Sie zum Test auf das oder ein vertagtes Element. In dem Überwachungsfenster am unteren Bildschirmrand können Sie sehen, ob/wann Ihr konfiguriertes Ereignis-Tag gefeuert wurde: Ergänzend können Sie in Google Analytics unter Echtzeit > Ereignisse die getrackten Nutzeraktionen nachvollziehen: Herzlichen Glückwunsch! Sie haben gerade das erste Ereignis-Tag für ein automatisches Event Tracking mit Google Analytics und dem Google Tag Manager eingerichtet! Eventuell ist Ihnen beim Konfigurieren des Beispiel-Tags bereits aufgefallen, dass sich damit auch eine Vielzahl an unterschiedlichen Ereignissen automatisch messen und dynamisch mit relevanten Werten an Google Analytics übergeben werden könnten. So steht einer umfangreichen Usability Analyse nichts mehr im Wege Für Rückfragen stehen wir Ihnen gerne persönlich zur Verfügung! Ihre adtraffics

Ähnliche Dokumente

Multivariate Tests mit Google Analytics

Table of Contents 1. Einleitung 2. Ziele festlegen 3. Einrichtung eines Multivariate Tests in Google Analytics 4. Das JavaScript 5. Die Auswertung der Ergebnisse Multivariate Tests mit Google Analytics