Wir erhalten immer wieder die Anfrage, wie man den Google Tag Manager korrekt einrichtet, um in Google Analytics die E-Commerce-Conversions der vioma Buchungsstrecke korrekt zu tracken.

Grundsätzlich kann vioma kein Support für ein Google Produkt leisten, wir möchten jedoch unseren Kunden hier eine Hilfestellung zur Einrichtung bieten.

Zusammenfassung

Folgende Schritte sind notwendig um die Daten über Google Tag Manager abzufangen so dass sie als Google Analytics E-Commerce-Conversions getrackt werden können:

1. Google Tag Manager konfigurieren
   1. Konfiguration importieren

   2. Google-Analytics-Id anpassen

2. E-Commerce in Google Analytics aktivieren

3. Konfiguration überprüfen und Arbeitsbereich freischalten

   1. Arbeitsbereich freischalten

Voraussetzung

• Sie haben ein Google-Analytics-Konto
• Ein haben ein Google-Tag-Manager-Konto
• Der Google-Tag-Manager-Code ist korrekt auf Ihrer Website eingebunden
• Ihre Website wird von einem Webserver ausgeliefert

Mit der folgenden Anleitung werden die Daten in der Standard-Google-Analytics E-Commerce-Struktur an Google Analytics geschickt.

1. Google Tag Manager konfigurieren

Melden Sie sich bei Google Tag Manager an und wählen Sie Ihren gewünschten Arbeitsbereich/Container aus oder legen Sie einen neuen an.

Um die Einstellungen zu erleichtern, bieten wir Ihnen hier die komplette Konfiguration zum Importieren an.

1.a Konfiguration importieren

Klicken Sie auf folgenden Link um die Konfiguration herunterzuladen : 

• vioma_e-commerce_GTM_settings.json.

Wechseln Sie nun in Ihr Google-Tag-Manager-Konto und öffnen die Verwaltung. Dort wählen Sie "Container importieren"

Wählen Sie "Container importieren" in der Containerverwaltung aus, um die Konfiguration zu importieren

Im sich öffnenden Fenster wählen Sie die zuvor heruntergeladene Datei aus, wählen Ihren gewünschten Arbeitsbereich und wählen Sie bei Importoptionen "Zusammenführen"

Wählen Sie Ihre Importoptionen um die Konfiguration zu laden

Die Konfiguration lädt im Hintergrund und zeigt eine Vorschau der Änderungen

Die Importvorschau zeigt die Anzahl der geänderten Tags, Trigger und Variablen

Schließen Sie den Import ab, in dem Sie auf "Bestätigen" klicken.

In der sich öffnenden Übersicht sehen Sie anschließend, dass 12 Änderungen in Ihrem Arbeitsbereich hinzugefügt wurden:

In der Übersicht sehen Sie abschließend die Änderungen

1.b Google-Analytics-Id anpassen

Klicken Sie im Menu auf "Variablen" und anschließend auf die benutzerdefinierte Variable "vioma IBE - Google Analytics ID". Klicken Sie im sich öffnenden Fenster auf "Variable konfigurieren" und ersetzen Sie die Tracking-ID "UA-000000000-0" durch Ihre eigene Google Analytics-ID. Bestätigen Sie Ihre Änderungen anschließend oben rechts mit "Speichern".

Die GA-Tracking-ID muss auf Ihre Google Analytics-ID geändert werden

2. E-Commerce in Google Analytics aktivieren

Als letztes müssen Sie noch in Google Analytics die E-Commerce-Conversions aktivieren:

1. Melden Sie sich in Google Analytics an und wählen Sie Ihr gewünschtes Konto und "Property" aus.
2. Klicken Sie unten links auf ”Verwaltung”
3. Wählen Sie unter der gewünschten Datenansicht den Punkt "E-Commerce-Einstellungen" aus
4. Aktivieren Sie im sich öffnenden Fenster den Punkt "E-Commerce aktivieren"
5. Aktivieren Sie auch den danach erscheinenden Punkt "Erweiterte E-Commerce-Berichte aktivieren"
6. Klicken Sie auf "Speichern" um die Aktivierung abzuschliessen

Aktivierte E-Commerce-Einstellungen in Google Analytics

3. Konfiguration überprüfen und Arbeitsbereich freischalten

Sind alle Punkte korrekt abgearbeitet worden, können Sie testen, ob Ihre Daten korrekt übertragen werden.

Wechseln Sie wieder in den Google Tag Manager und aktivieren Sie in der Übersicht oben rechts die Vorschau: 

Aktivieren der Vorschau im Google Tag Manager

Ansicht mit aktivierter Vorschau

Wechseln Sie nun auf Ihre Webseite und öffnen Sie die Seite, in dem die vioma Buchungsstrecke integriert ist. Durch den zuvor aktivierten Vorschaumodus öffnet sich am unteren Ende des Browserfensters die Google-Tag-Manager-Console. Hier sehen Sie links die einzelnen Events, die getriggert werden. Überprüfen Sie in der "Summary", ob die zuvor importierten Trigger funktionieren.

Buchungsstrecke im Google-Tag-Manager-Vorschaumodus

Unter "virtual_pageview" sehen Sie beispielsweise, dass beim Aufruf der Buchungsstrecke das Kalendersegment als virtuelle Pageview getriggert wurde:

Getriggerte virtuelle Pageview

Wenn Sie eine Testbuchung vornehmen, sehen Sie anschließend, dass unter dem Trigger "transactions" der Warenkorb der Transaktion aufgeführt wird.

Buchung mit getriggerter Transaction

Da Produkte in unterschiedlichen Sprachen erhältlich sind, werden sie aktuell nur durch Ihre Produkt-Ids identifiziert.

Zum Beispiel entspricht die ID "hrt_14136" unter Produkte im oben gezeigten Beispiel, dem "Hotel room type" 14136, 

Wenn E-Commerce in Google Analytics korrekt aktiviert ist, werden ab sofort diese Daten an Analytics weitergeleitet. Wundern Sie sich nicht, dass nach einer Testbuchung die Daten noch nicht in Google Analytics verfügbar sind, dass kann durchaus mal mehrere Tage dauern, bis die Daten dort verfügbar sind.

3.a Arbeitsbereich freischalten

Sofern alle Daten und die Weiterleitung zu Google Analytics stimmen, müssen Sie abschließend den Vorschaumodus im Google Tag Manager wieder beenden und den Container veröffentlichen. 

Klicken Sie in der Übersicht oben rechts auf "Senden", um den Container zu veröffentlichen:

Im sich anschließend öffnenden Fenster wählen Sie "Veröffentlichen und Version erstellen" und klicken rechst oben auf "Veröffentlichen".