Google Tag Manager / Google Analytics

E-Commerce Tracking

Der Google Tag Manager erleichtert Ihnen die Integration von Google Analytics. Mit Google Analytics können Sie nicht nur Umsatz und Konversionen messen, sondern erfahren auch, wie Nutzer*innen Ihre Website verwenden, wie sie dorthin kamen und wie Sie aus diesen Nutzer*innen regelmäßige Besucher*innen machen können.

In dieser Anleitung wird Ihnen im Detail erläutert, wie Sie Cross-Domain-Tracking nutzen können. Da bereits kleine Abweichungen im Set-up die Funktionalität behindern können, empfehlen wir Ihnen die genaue Einhaltung der folgenden Schritt-für-Schritt-Anleitung. Der Container, der später importiert werden kann, darf bearbeitet werden, jedoch ebenfalls verknüpft mit dem Risiko, dass ein Cross-Domain-Tracking nicht mehr möglich ist.

Notwendige Einstellungen

1. Erstellen Sie ein Google Analytics Konto (falls noch nicht vorhanden). Hilfe hier finden Sie bei Google Analytics

2. Erfassen Sie in Ihrem Google Analytics Konto einen neuen Datenstream für Ihrer Webseite (falls noch nicht vorhanden) und fügen Sie die Domain app2.edoobox.com und edoobox.com im Datastream hinzu

3. Fügen Sie die Google Analytics Mess-ID auf edoobox ein

4. Erstellen Sie auf Google ein Google Tag Manager-Konto (falls noch nicht vorhanden)

5. Tragen Sie Ihre Google Tag Manager Container-ID in den edoobox Einstellungen ein

6. Importieren Sie die JSON-Datei in den Google Tag Manager und publizieren Sie diesen

1. Ein Google Analytics Konto erstellen

Falls Sie noch kein Google Analytics Konto haben, erstellen Sie ein solches auf Google Analytics. Geben Sie einen Kontonamen, den Namen der Website und die URL ein. Die Datenfreigabeeinstellungen können je nach Bedarf eingestellt werden. Klicken Sie dann auf «Tracking-ID abrufen».

2. Neuen Datenstream in Google Analytics Konto erfassen

Klicken Sie bei den «Datenstreams» auf «Stream hinzufügen» und erfassen einen neuen Webstream für ihre Webseite, falls dies noch nicht bereits erfasst ist.

Damit das Tracking auch Aufrufe von der edoobox Domain akzeptiert, müssen diese unter «Tag-Einstellungen bearbeiten» «Domains Konfigurieren» erfasst werden.

Fügen Sie die sämtliche Domain-Adressen hinzu und speichern Sie diese:
app2.edoobox.com | edoobox.com | ihre-domain.com usw.

Kopieren Sie nun die Mess-ID von ihrem Stream in Ihre Zwischenablage. Die Mess-ID finden Sie in ihrem Stream oben rechts. Diese beginnt meistens mit G-XXXXXX.

3. Google Analytics Mess-ID auf edoobox einfügen

Fügen Sie die Mess-ID in Ihren edoobox-Einstellungen im Bereich «Google & E-Commerce» in das vorgesehene Feld A ein.

4. Ein Google Tag Manager-Konto erstellen

Falls Sie noch kein Google Tag Manager-Konto besitzen, können Sie unter der offiziellen Website ein solches Konto erstellen.

Als Erstes sollte unter «Verwaltung» ein neues Konto erstellt werden. Haben Sie bereits ein Konto, kann dieser Schritt übersprungen werden. Wir empfehlen den gleichen Container wie auf der Hauptseite zu verwenden. So entstehen zwischen den Container keine Konflikte.

Wir empfehlen Ihnen, dass Sie einen nachvollziehbaren Kontonamen wählen (z.B. den Ihres Unternehmens). Sie können ein Konto auch für mehrere Websites/Kunden benutzen, da pro Website/Kunde jeweils ein eigener Container erstellt werden kann.

Die Option «Daten anonym an Google und andere weitergeben» können Sie inaktiv lassen oder auch aktivieren.

Möchten Sie mehrere Websites/Kunden mit dem gleichen Konto führen, empfiehlt es sich, als Containername die Domain zu hinterlegen, da diese eindeutig und nachvollziehbar ist. Wählen Sie aus, wo der Container verwendet werden soll: Web, iOS oder Android und klicken im Anschluss auf «Erstellen». Für die Verwendung mit edoobox wählen Sie Web.

5. Google Tag Manager Container-ID auf edoobox einfügen

Kopieren Sie die neu erstellte Container-ID GTM-XXXXXX in Ihre Zwischenablage. Sie finden die Container-ID auf in Ihrem Google Tag Manager-Konto unter dem Register Konten > Container.

Fügen Sie die Container-ID in Ihren edoobox-Einstellungen im Bereich «Google & E-Commerce» in das vorgesehene Feld B ein.

6. JSON-Datei in den Tag Manager importieren

Nachdem alles gespeichert wurde, kann die JSON-Datei aus edoobox exportiert werden.

Diese Datei kann im Google Tag Manager unter dem Register «VERWALTUNG» importiert werden. Wählen Sie das gewünschte Google Tag Manager, Konto sowie den gewünschten Container aus und klicken Sie auf «Container importieren».

Die exportierte JSON-Datei auswählen und «Überschreiben» aktiv lassen > «Weiter» > «Bestätigen»

Anschliessend den Container «senden» > «veröffentlichen» > Fertig!

Verfügbare Ereignisse (Events) welche an Google Anayltics gesendet werden

view_item_list: Dieses Ereignis tritt auf, wenn der Benutzer eine Übersichtsseite ansieht. Die "item_list_name" entspricht dem Pfad der Kategorie, wobei die einzelnen Kategorien durch ein ">" getrennt sind.

view_item: Dies passiert, wenn der Benutezr die Details eines Angebots anschaut.

view_edoobox_*: Verschiedene Schritte aus dem Buchungsprozess (Templates im Design Manager) werden durch Events mit diesem Muster erfasst.

1. pricecategory Preiskategorien Template

2. deliverables Zusatzleistungen Template

3. userform Teilnehmer-Formular Template

4. multioffer Multi-Angebot Template

5. date Termine Template

6. overview Zusammenfassung Übersicht Template
   

purchase: Auf dieser Seite wird der Kauf bestätigt und als Convertion angegeben.
Folgenden Events stehen zu Verfügung.

1. purchase Normale Buchung abgeschlossen (Standard)

2. purchase_mustpay Buchung im MustPay Status

3. purchase_waitinglist Buchung im Wartelisten Modus

Cookie-Banner Tracking Beispiel

Das folgende Beispiel zeigt Ihnen, wie Cookie-Banner-Events mit edoobox und dem Google Tag Manager implementiert werden können.

Erstellen Sie zunächst eine neue Variable mit dem Namen edCookieApproved, mit dem Variablentyp Benutzerdefiniertes JavaScript.

Fügen Sie folgenden Code ein:

function() {
  if (typeof window.edCookieApproved === 'undefined') {
    window.edCookieApproved = false;
  }
  return window.edCookieApproved;
}

Erweitern Sie den bestehenden Trigger edEvent so, dass er nur ausgelöst wird, wenn die Variable auf true gesetzt ist:

Erstellen Sie im nächsten Schritt einen neuen Trigger für den Cookie-Banner-Event. Wenn bereits ein entsprechender Trigger existiert, kann dieser Schritt übersprungen werden.

Erstellen Sie einen neuen Tag mit dem Namen edCookieTag und wählen Sie beim Tag-Typ die Option Benutzerdefiniertes-HTML aus.

Fügen Sie folgenden Code ein:

<script>
window.edCookieApproved = true;
</script>

Weisen Sie dem neu erstellten Tag den zuvor erstellten Custom Cookie-Banner-Event zu. Dadurch werden Ereignisse nur noch an Google Analytics gesendet, wenn der Cookie-Banner von Ihren Kundinnen und Kunden akzeptiert wurde.

Info: Wichtige Hinweise zur Verwendung von Google Tracking

• Sobald Sie den Google Tag Manager verwenden, müssen Sie dies in Ihrer Datenschutzerklärung oder im Impressum erwähnen.

• Aus Sicherheitsgründen gibt es kein Tracking auf den Seiten «Payment», «Login» und «Passwort vergessen» in edoobox.

• Support zum Google Tag Manager erhalten Sie direkt beim Google Support.

• Sie haben die Möglichkeit, Facebook Pixel, LinkedIn Pixel, Google Ads Tracking, Bing Ads Tracking oder andere Dienste ebenfalls mit dem Google Tag Manager zu verknüpfen.

Bitte beachten: Meldung Angebote werden für Sie geladen

Erfolgt diese Meldung, wird der GTM Container zu spät auf der Webseite geladen oder die Webseite, wo das edoobox Plugin oder iFrame integriert ist, enthält kein GTM Container.

Verwandte Anleitungen

• Sub-Domain und Meta Funktion

• iFrame in Typo3 Website einbinden

• iFrame in Joomla Website einbinden

• iFrame in Wix Website einbinden

• WordPress Website einbinden (WP Plugin / iFrame)

Stichwörter für diese Anleitung

Google Tag Manager ¦ Google Analytics ¦ Google Ads ¦ Bing Ads ¦ Facebook Pixel ¦ Conversion