Tutorial: Universal Analytics Funnel bei Ajax Webseiten über Google Tag Manager einrichten

Zunächst müssen die virtualPageURL und virtualPageTitle Variablen einmalig definiert werden, sodass der GTM in diesen Informationen speichern kann. Klicken Sie in der linken Seitennavigation auf „Variablen“ und klicken Sie dann den Button „Neu“ neben „Benutzerdefinierte Variablen“. Auf dem sich öffnenden Fenster klicken Sie “Variable konfigurieren”, wählen Sie “Datenschichtvariable” und konfigurieren Sie diese wie folgt.

Wählen Sie nun eine Bezeichnung für die Variable, in unserem Beispiel lautet diese “DLV – VirtualPageUrl” (DLV steht für “DataLayer Variable”).

Wichtig: Die Bezeichnung der Datenschichtvariablen ist nicht zu verwechseln mit dem Namen! Diese können identisch sein, müssen sie aber nicht.

In unserem Beispiel lautet der Name der Datenschichtvariablen “virtualPageUrl“, setzen Sie „Datenschichtversion” auf 1. Speichern Sie nun die Variable und wiederholen Sie den Vorgang für die Variable “virtualPageTitle“.

Im nächsten Schritt muss der Trigger bzw. Auslöser definiert werden, wann Daten in die Datenschichtvariable übergeben werden sollen. Wie oben erwähnt, nutzen wir dafür das Event „checkout“. Gehen Sie dazu in das Google Tag Manager Backend und klicken Sie links auf „Trigger“ und dann auf „Neu“ und wählen Sie als Triggertyp “Benutzerdefiniertes Ereignis”.

Bennen Sie den Trigger nun z.B. „Checkout Step 1 – Basket“ wie in unserem Beispiel. Unter „Diesen Trigger auslösen bei“ fügen Sie nun bitte unseren Eventnamen „checkout“ ein. Unter Bedingungen setzen Sie „virtualPageUrl ist gleich /step1-basket“ und „virtualPageTitle ist gleich “Checkout Step 1 – Basket”, drücken Sie nun „Trigger Speichern“.

Dieser Trigger wird aktiv, wenn das Event „Checkout“ stattfindet UND wenn die virtualPageTitle UND virtualPageUrl Bedingungen erfüllt sind.

Jeder Schritt des Bezahlprozesses benötigt einen eigenen Trigger, wiederholen Sie also den Vorgang entsprechend. Eine einfache Möglichkeit bietet die „Kopieren“ Funktion, passen Sie nur noch den Titel sowie virtualPageUrl und virtualPageTitle an. Der Eventauslöser „checkout“ ändert sich nicht.

Sobald alle Ereignisse für die fünf Schritte angelegt sind stellen Sie sicher, dass die oben definierten Datenschichtvariablen von der Ajax Applikation bei den jeweiligen Schritten ausgegeben werden. Wenn diese nicht vorliegen, kann das Tracking nicht funktionieren da a) das Event “Checkout” nicht stattfindet (welches wir benötigen um die jeweiligen Events zu feuern) und b) auch ViurtualPageUrl und VirtualPageTitle nicht vorhanden sind (diese werden für die einzelnen Funnelschritte benötigt).

Zu jedem Schritt im Checkoutprozess muss nun ein passendes Analytics Event definiert und mit den jeweiligen Triggern “verbunden” werden. Klicken Sie also im GTM Backend auf „Tags“ und dann „Neu“ und wählen Sie den vordefinierten Universal Analytics Tag. Fügen Sie Ihre Tracking-ID hinzu und wählen Sie „Track Type“ PageView.

Wichtig: Setzen Sie das Häckchen bei “Einstellungen zum Überschreiben in diesem Tag aktivieren” „Weitere Einstellungen“ und wählen Sie „Festzulegende Felder“. Hier müssen zwingend die vordefinierten Standard Variablen „page“ für „virtualPageView“ und „title“ für „virtualPageTitle“ genutzt werden.

Klicken Sie zum Schluss „Trigger” “Trigger auswählen” und wählen Sie den zuvor definierten Trigger für /step1-basket. Wie auch bei den Triggern, müssen Sie diesen Vorgang für alle Schritte im Checkoutprozess wiederholen.

Das GTM Debugging Tool “Google Tag Assistant” ist eine komfortable Funktion, um etwaige Fehlerquellen schnell zu finden und sich über den aktuellen Inhalt der Datenschichtvariablen zu informieren. Anstatt den Container direkt zu veröffentlichen, können Sie mit Hilfe der Preview Funktion den Container testweise veröffentlichen und die Implementation prüfen. Klicken Sie hierfür rechts oben auf „In Vorschau ansehen“.

Wenn Sie nun ein Produkt in den Warenkorb legen und sich diesen anzeigen lassen, sollte „Analytics – Goal Funnel Tracking Step 1“ unter “Tags fired” sichtbar sein.

Solle dies nicht der Fall sein, können Sie mit einem Klick auf den Reiter „DataLayer“ feststellen, ob die Informationen korrekt vorhanden sind, um das Tag zu feuern.

Im letzten Schritt definieren wir nun den Analytics Conversion-Funnel für ein Ziel (z.B. Verkauf) zu definieren. Klicken Sie in Analytics links unten auf das Zahnrad “Verwaltung”, danach ganz rechts bei “Alle Websitedaten” auf “Zielvorhaben”. Hier können Sie nun das neue Zielvorhaben nebst Funnel erstellen. Als Zielerreichung muss, wie im Screenshot zu sehen, als Ziel-URL die “Dankesseite” “/step5-thankyou” eingetragen werden. Legen Sie danach den “Trichter” Schalter um und tragen Sie die einzelnen Funnelschritte wie im Screenshot zu sehen ein. Den Trichter finden Sie, wenn Sie in Analytics unter “Conversions” / “Zielvorhaben” / “Trichtervisualisierung” klicken.

Wenn Sie sich nun die Echtzeitanalyse anschauen, sollten die einzelnen Schritte dort unter “Echtzeit” und “Ereignisse” sichtbar sein. Um das korrekte Einlaufen der Daten zu prüfen klicken Sie sich durch den Bestellprozess und beobachten unter der Echtzeitansicht bei jedem Schritt die Anzeige der einzelnen Schritte.