In diesem Leitfaden erfahren Sie, wie Sie Google Analytics 4 und Matomo auf Ihrer Website mit einem installierten Igumbi Buchungstool (IBE) integrieren können, um wichtige Events zu verfolgen und das Benutzerverhalten zu analysieren. Hier sind die Events und möglichen Conversions, die durch die Gästeinteraktion ausgelöst werden.
Ereignisse/Events aus der IBE und ihre Beschreibung
Diese Events werden durch die Interaktion der Gäste auf Ihrer Hotel Website getriggert. Darauf kann man einen Sales Funnel aufbauen und die Conversion Rate messen.
| Eventname | Beschreibung | |
|---|---|---|
| ibe_av_form | Formular für die Verfügbarkeitsabfrage wurde aufgerufen | |
| ibe_get_rooms | Eine Verfügbarkeitsabfrage wurde gestartet | |
| ibe_listrooms | Angebote wurden erstellt und zum Buchen präsentiert | |
| ibe_listrooms_no_offers | Für die eingegebenen Termine, Zimmer und Personenanzahl konnte kein Angebot erstellt werden | |
| ibe_alternative | Die Ansicht mit den alternativen Terminen rund um den angefragten Zeitraum wurde präsentiert | |
| ibe_bookrooms | Das Buchungsformular zur Eingabe der Personendaten wurde präsentiert | |
| ibe_validate_fail | Die Personendaten konnten nicht validiert werden: fehlende Daten in Pflichtfelder, keine gültige E-Mail-Adresse | |
| ibe_validate | Die eingegebenen Daten konnten validiert werden | |
| ibe_finalize | Das Buchungsformular wurde abgeschlossen und an den Server übermittelt | |
| ibe_bookrooms | Die Buchung wurde finalisiert und die Buchungsbestätigungsseite wurde präsentiert | |
| ibe_displayfinal | Die Buchungsbestätigung wurde präsentiert |
Conversions
Mögliche Conversions und Conversion Rate könnten wie folgt definiert werden:
| Formel | Beschreibung | |
|---|---|---|
| ibe_get_rooms/ibe_av_form | Abrufrate der Verfügbarkeit | | |
| ibe_bookrooms/ibe_listrooms | Klickrate auf die Angebote | | |
| ibe_displayfinal/ibe_bookrooms | Buchungsrate nach präsentiertem Buchungsformular | |
Standard-Ereignisse (4 Schritte im Funnel):
- av_form: Verfügbarkeitsformular wird aufgerufen
- listrooms: Zimmerangebote werden angezeigt
- validate: Formularvalidierung erfolgreich
- finalize: Buchung wird an den Server gesendet
Verwenden Sie diesen Standard-Funnel in GA4 unter Explore → Funnel exploration oder in Matomo mit dem Funnels-Plugin, um die Buchungskonversionsrate zu analysieren.
Google Analytics 4 Integration
Um Google Analytics 4 zu integrieren, benötigen Sie zuerst ein Google Analytics 4 Property. Sobald Sie diesen haben, können Sie die folgenden Schritte ausführen:
- Laden Sie das Google Analytics JavaScript (gtag.js) in Ihre Website und konfigurieren Sie es mit Ihrer GA4 Property-ID.
Die igumbi IBE ruft diese Events auf
gtag('event', '<eventname>').
Matomo Integration
Um Matomo zu integrieren, folgen Sie diesen Schritten:
- Installieren Sie das Matomo-Tracking-Script in Ihrer Website.
Die igumbi IBE ruft diese Events auf
Matomo.trackEvent('<Kategorie>', '<Aktion>', '<Name>')
Tracking Code
Das ist der Code der Tracking Methode
var Obt = {
tracker: function (evtname) {
if (Igumbi.ga_tracker === 1) {
// Classic GA (UA)
if (typeof pageTracker != "undefined") {
pageTracker._trackPageview("/ibe/" + evtname);
}
// GA4 with via Gtag
if (typeof gtag != "undefined") {
gtag("event", "ibe_" + evtname);
}
// Google Tag Manager dataLayer
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
event: "ibe_" + evtname,
ibe_event: evtname,
});
// matomo event
var _paq = window._paq || [];
_paq.push(["trackEvent", "ibe", evtname]);
}
}
}
Google Tag Manager (GTM) Einrichtung
Google Tag Manager bietet eine zentrale Möglichkeit, Tags zu verwalten. Die IBE feuert Events in das window.dataLayer mit folgendem Format:
javascript
window.dataLayer.push({
event: "ibe_finalize", // GTM Trigger-Name: immer "ibe_" + Event-Name
ibe_event: "finalize" // Roh-Event-Name für Verwendung in GTM-Variablen
});
Setup-Schritte
Folgen Sie diesen sieben Schritten, um GTM für das IBE-Event-Tracking zu konfigurieren:
Schritt 1 — GTM-Snippet einfügen
Fügen Sie den GTM <script>-Block in <head> und den <noscript>-Block oben in <body> ein, vor dem igumbi start.js-Script-Tag.
Fügen Sie kein separates gtag.js-Snippet hinzu — GTM übernimmt die Verbindung zu GA4.
Schritt 2 — GTM öffnen
Rufen Sie tagmanager.google.com auf und öffnen Sie Ihren Container.
Schritt 3 — Google Tag erstellen (GA4-Grundlage)
- Tags → New
- Tag-Typ: Google Tag
- Tag-ID: Ihre GA4 Measurement ID (z.B.
G-XXXXXXXXXX) - Auslöser: All Pages (vordefiniert)
- Namen:
Google Tag - GA4 - Save
Schritt 4 — Trigger für IBE-Events erstellen
- Triggers → New
- Trigger-Typ: Custom Event
- Event-Name:
ibe_.* - Use regex matching aktivieren
- Feuert auf: All Custom Events
- Namen:
IBE - All Events - Save
Schritt 5 — GA4 Event-Tag erstellen
- Tags → New
- Tag-Typ: Google Analytics: GA4 Event
- Measurement-ID: Ihre GA4 Measurement ID
- Event-Name: Klicken Sie auf das Puzzle-Icon → New Variable
- Variable-Typ: Data Layer Variable
- Data Layer Variable Name:
ibe_event - Namen:
DLV - ibe_event - Save
- Zieht den rohen Event-Namen (
av_form,finalize, etc.) aus dem dataLayer
- Auslöser: IBE - All Events (aus Schritt 4)
- Namen:
GA4 Event - IBE - Save
Schritt 6 — Vorschau und Verifizierung
- Klicken Sie auf Preview (oben rechts in GTM)
- Geben Sie die URL Ihrer Seite mit dem IBE-Widget ein
- GTM öffnet eine Debug-Seite neben dem Browserfenster
- Interagieren Sie mit dem Buchungs-Widget — suchen Sie nach Zimmerangeboten
- Im GTM-Debug-Panel sollten Sie sehen:
ibe_av_formfeuert → TagGA4 Event - IBEfeuertibe_listroomsfeuert → Tag feuert erneut
- Klicken Sie auf einen Tag-Namen → Values-Reiter → bestätigen Sie
ibe_event=av_formetc.
Schritt 7 — Veröffentlichen
Sobald die Vorschau korrekt ist:
- Klicken Sie auf Submit (oben rechts)
- Fügen Sie einen Versionsnamen hinzu:
IBE tracking v1 - Publish
Events erscheinen in GA4 unter Reports → Events innerhalb von 24–48 Stunden (Live-Ansicht: Reports → Realtime).
Matomo-Events in Berichten finden
Events feuern als Matomo-Custom-Events:
javascript
_paq.push(["trackEvent", "ibe", "finalize"]);
// Kategorie = "ibe", Aktion = Event-Name
Finden Sie sie in Matomo unter Behaviour → Events → Kategorie: ibe.
Verwenden Sie das Matomo-Funnels-Plugin und setzen Sie Schritte zur Übereinstimmung mit Aktionen av_form, listrooms, validate, finalize.
Testseite
Live-URL: https://www.igumbi.com/gtmtesthotel.html
Verwenden Sie diese Seite, um zu sehen, wie wir mit GTM und dataLayer-Integration integriert sind:
- Lädt die IBE von der igumbi-Produktion (
www.igumbi.net) — keine lokale Entwicklungsumgebung erforderlich - Hotel Tafelbrunn (
48d8f2q),layout=wide2 - GTM-Container
GTM-N3VKFZMPbereits vorhanden
Zum Testen: Öffnen Sie die URL im GTM Preview-Modus (Schritt 6 oben), interagieren Sie mit dem Buchungs-Widget und bestätigen Sie, dass ibe_av_form und ibe_listrooms im Debug-Panel erscheinen.
Events im Browser verifizieren
Öffnen Sie DevTools Console auf beliebiger Seite mit dem IBE-Widget.
Überprüfen Sie das dataLayer nach Interaktion mit dem Widget:
javascript
window.dataLayer
// [{event: "ibe_av_form", ibe_event: "av_form"}, {event: "ibe_listrooms", ...}, ...]
Manuell ein Test-Event feuern:
javascript
Obt.tracker('test')
window.dataLayer // → letzter Eintrag: {event: "ibe_test", ibe_event: "test"}
Matomo-Queue prüfen:
javascript
window._paq
Wenn window.dataLayer die ibe_*-Objekte anzeigt, erhält GTM diese.
Häufig gestellte Fragen (FAQ)
Brauche ich Custom-Codemanagement, um diese Events empfangen? Nein. Wenn Ihr GTM-Container oder das Analytics-Snippet auf der Seite oberhalb des igumbi-Skripts liegen, werden Events automatisch empfangen.
Was ist der Unterschied zwischen validate und finalize?
validate feuert, wenn das Buchungsformular die clientseitige Validierung besteht. finalize feuert, wenn das Formular tatsächlich an den Server übermittelt wird. Beide feuern normalerweise zusammen, aber ein Netzwerkfehler nach der Übermittlung bedeutet, dass finalize feuert, ohne eine bestätigte Buchung zu haben — behandeln Sie finalize allein nicht als bestätigte Buchung.
Wie setze ich Conversion-Tracking für abgeschlossene Buchungen ein?
In GA4: Gehen Sie zu Configure → Events und aktivieren Sie ibe_finalize, um abgeschlossene Buchungen zu verfolgen. In Matomo: Richten Sie ein Ziel ein, indem Sie die /ibe/ virtuellen Seitenaufrufe und das finalize-Event als Bedingung verwenden. Beide Methoden verfolgen, wann Gäste ihre Hotelreservierung abschließen.
Was bedeutet listrooms_no_offers?
Der Gast hat gesucht, aber es gab keine Zimmer für diese Daten verfügbar. Verfolgen Sie dieses Ereignis, um Preis- oder Inventarprobleme zu identifizieren.
Kann ich zusätzliche Daten mit dem GTM-Event senden (Hotelname, Ankunftsdatum, Gesamtpreis)?
Nicht standardmäßig. Das dataLayer-Push enthält nur event und ibe_event. Kontaktieren Sie igumbi, wenn Sie zusätzliche Datenfelder benötigen.
Sollte ich ibe_finalize als Conversion in GA4 markieren?
Ja. Für Hotels ist es wichtig, erfolgreiche Buchungen zu verfolgen. Markieren Sie ibe_finalize in GA4 unter Configure → Events als Conversion. Dies ermöglicht die Überwachung von Buchungskonversionsraten und der Effektivität des Buchungs-Engines.
Verwenden beide Analytics-Tools (GA4 und Matomo) dieselben Event-Namen?
Ja, aber mit unterschiedlichen Syntax. GA4 nutzt ibe_*-Events über gtag, während Matomo /ibe/ als Kategorie mit ibe_* Aktionen verwendet. Die IBE feuert in beide Systeme gleichzeitig.
Event-Tracking in der igumbi IBE aktivieren
Wir aktivieren die Funktion gerne für Sie und prüfen mit Ihnen, ob die Events korrekt gefeuert werden. Bitte kontaktieren Sie uns dazu unter support@igumbi.com.
Achten Sie darauf, dass die Ereignisse korrekt gefeuert werden, indem Sie die Entwicklertools in Ihrem Browser oder spezielle Debugging-Tools von Google Analytics 4 und Matomo verwenden.
Datenschutz
Vergewissern Sie sich auch, dass Sie die Datenschutzbestimmungen (DSGVO) in Bezug auf die Verwendung von Google Analytics und Matomo einhalten, einschließlich der korrekten Informierung der Benutzer und Einholung ihrer Zustimmung, wenn nötig.
Buchungs-Funnel-Ereignisse
Das Standard-Ereignis für den Buchungsfunnel lautet: av_form → listrooms → validate → finalize. Verwenden Sie diese Events, um den gesamten Buchungsprozess zu analysieren.
