Es wurde eine aktualisierte Version dieses Blog Posts veröffentlicht.
Gerade wenn Sie einen Blog oder eine One-Page-Webseite betreiben, ist es interessant zu wissen, welche Inhalte gelesen werden. Scroll Tracking zeigt Ihnen genau das an: Sie sehen, wie weit nach unten die Besucher scrollen und damit, welche Inhalte interessant sind und am meisten gelesen werden.
In diesem Tutorial zeigen wir Ihnen Schritt für Schritt wie Sie Scroll Tracking für Google Analytics mit dem Google Tag Manager implementieren.
Wir zeigen Ihnen, wie Sie den Tracking Code implementieren, die dazugehörenden Google Analytics Events aufsetzen und wie Sie sehen, wer 0%, 25%, 50%, 75% oder 100% Ihrer Seite gelesen hat.
Zudem haben wir einen benutzerdefinierten Google-Analytics-Report aufgesetzt, den Sie für das Scroll Tracking einsetzen können.
Schritt 1: Scroll Code
Erstellen Sie in Ihrem GTM Container einen Custom HTML Tag und fügen Sie dieses Scroll Tracking Skript hinzu. (Von Rob Flaherty, parsnip.io)
Schritt 2: Code Trigger
Als nächstes erstellen wir einen Trigger, so dass dieser Code auf jeder gewünschten Seite läuft. Damit der Code aktiv ist, wenn die Seite geladen wird, nutzen wir einen Pageview – DOM Ready Trigger. Wenn Sie das Scroll Tracking auf jeder Seite implementieren möchten, nutzen Sie einen All DOM Ready Events Trigger.
In unserem Beispiel werden wir den Tracking Code nur auf den Blog-Seiten implementieren.
- Wählen Sie deshalb Some DOM Ready Events aus.
- Im ersten Dropdown wählen Sie Page Path und im zweiten matches RegEx.
- In die Text-Box schreiben Sie folgenden regulären Ausdruck: (.*)\/blog\/(.*)
- In unserem Beispiel möchten wir nur Seiten auswählen, die /blog/ enthalten. Falls Sie andere Seiten auswählen möchten, passen Sie den regulären Ausdruck entsprechend an.
Schritt 3: Aufsetzen der Variablen
Der Scroll Tracking Tag spielt einen Event auf den Data Layer aus. Dieser Event enthält die Werte für Kategorie, Action und Label des Google Analytics Events, für die Sie Variablen aufsetzen müssen.
- In der Variablen-Sektion im GTM erstellen Sie eine User-Defined Variable, die Sie «Scroll Event Category» nennen.
- Wählen Sie dann den Variablentyp Data Layer Variable unter Data Layer Variable Name und geben Sie «eventCategory» in der Textbox ein.
Das müssen Sie noch zweimal wiederholen:
- Fügen Sie die zweite Variable «Scroll Event Action» hinzu und geben Sie als Data Layer Variable Name «eventAction» ein.
- Geben Sie die dritte Variable «Scroll Event Label» ein mit dem Data Layer Variable Name «eventLabel».
Schritt 4: Hinzufügen des Scroll Tracking Events
Nun müssen die Scroll-Tracking-Informationen noch in Google Analytics überführt werden, indem Sie einen Scroll Tracking Google Analytics Event hinzufügen.
- Erstellen Sie einen neuen GTM Tag names «Scroll Tracking Event» und wählen Sie «Universal Analytics» unter Tag Type.
- Fügen Sie Ihre Universal Analytics ID hinzu und ändern Sie den Track Type auf «Event».
- Nun setzen Sie die Event Kategorie, Event Action und Event Label aufgrund der Variablen, die wir erstellt haben. Klicken Sie dazu auf den Button rechts neben jeder Textbox und wählen Sie für Category «Scroll Event Category» und die jeweiligen Entsprechungen für die anderen beiden Variablen.
Schritt 5: Fügen Sie den Event Trigger hinzu
Im letzten Schritt setzen wir den Trigger für den Google Analytics Event auf.
- Unter Triggering fügen Sie einen neuen Trigger des Typs Custom Event auf.
- Geben Sie als Event name «ScrollDistance» ein.
- Speichern Sie den Trigger und den Tag.
Gratulation, das Scroll Tracking ist jetzt aufgesetzt. Sobald sie den Container publizieren, sehen Sie, wie weit Ihre Besucher auf Ihrere Seite scrollen.
Daten-Visualisierung
Wir haben einen benutzerdefinierten Report für Google Analytics erstellt, mit dem Sie sich die Scroll-Daten anschauen können. Fügen Sie dazu diesen Google Analytics Report in der gewünschten Google Analytics View hinzu.
Wenn der Report in der ausgewählten View geladen hat:
- Klicken Sie auf Edit.
- Ändern Sie den page filter, so dass er dem regulären Ausdruck entspricht, den Sie in Schritt 2 eingegeben haben.
- Klicken Sie auf «Save».
Im Report sehen Sie alle Seiten, auf denen das Scroll-Tracking aktiviert ist.
Sie können auf die Seiten klicken und sehen dann, wie viele Sessions 0%, 25%, 50%, 75% oder 100% der Seite angesehen haben.
Falls Sie Fragen zum Scroll Tracking haben, senden Sie mir gerne eine E-Mail. Weitere Google Tag Manager Tutorials finden Sie in unserem Blog.