Sie können das Widget an externe Dienste (Google Analytics, Matomo Analytics, etc.) anbinden. Die Auswertung liefert Ihnen präzise Daten, nicht nur ob und wie oft das Widget aufgerufen wurde, sondern auch Informationen darüber, ob eine Reservierung getätigt worden ist. Dadurch erhalten Sie tiefere Einblicke in die Interaktion Ihrer Gäste mit Ihrem Widget und können gegebenenfalls Maßnahmen ergreifen, damit die Möglichkeit zur Online-Reservierung effektiver genutzt wird.
Unsere dringliche Empfehlung: Richten Sie die Tracking-Dienste nur ein, wenn Sie bereits Erfahrung auf dem Gebiet gesammelt haben und sich mit Coding auskennen. Wenn Sie eine externe Dienstleistung in Anspruch nehmen (z. B. eine SEO-Agentur), können Sie diese Informationen entsprechend weiterleiten.
Egal, ob Sie Ihre Website extern oder in gastronovi Office verwalten: Denken Sie daran, dass Sie unbedingt Ihre Datenschutzerklärung und die Consent-Tool-Abfrage entsprechend anpassen, wenn Sie Tracking-Tools nutzen. (Mehr Informationen im Internet, z. B. hier: Tracking im Internet: Definition, Arten & Datenschutz beim Webtracking )
Alle Events übergeben bereits den referral. Sie können, wenn Sie das Widget irgendwo einbinden, die Ursprungsplattform angeben, um so nachvollziehen zu können, woher die Zugriffe stammen. Beispielsweise können Sie Instagram als Ursprungsplattform angeben, wenn Sie einen Link zum Widget generieren, der in Ihrem Instagram-Profil genutzt wird. Diese Daten sind auch ohne externes Tool über die Statistiken in gastronovi Office auswertbar.
Standardmäßig wird hier Widget getrackt, wenn keine Ursprungsplattform angegeben wurde oder Website, wenn über die intelligente Seite "Reservierungen" auf das Widget zugegriffen wird – vorausgesetzt, Sie nutzen die Internetpräsenz in gastronovi Office.
Das loaded-Event wird nur getriggert, wenn das Widget auch im sichtbaren Bereich ist.
{
loaded: true,
referral: "website",
type: "loaded"
}Das first-interaction-Event wird getriggert, wenn der User auf eine der Kacheln klickt.
Des Weiteren wird das first-interaction-Event (und andere, zukünftige Events) erst getriggert, wenn das loaded-Event getriggert wurde (es gibt eine Queue, die alle Events sammelt, bis loaded durch ist) – das ist z. B. relevant, weil first-interaction auch dann zum Tragen kommt, wenn für das Widget ein Einstiegspunkt festgelegt wurde (z. B. Der Gast ruft eine Seite mit Widget (inkl. Einstiegspunkt) auf, das aber nicht im direkt sichtbaren Bereich liegt).
{
path: "reservation",
referral: "website",
type: "first-interaction"
}Das completed-Event wird getriggert, wenn der Gast eine Reservierung abschließt.
{
path: "reservation",
persons: 2,
referral: "website",
type: "completed"
}Zuerst muss das entsprechende Script des gewählten Anbieters in den Header (Kopfbereich) der Website eingebunden werden. Die Anleitungen sind i. d. R. beim Dienstleister verfügbar und unterscheiden sich häufig, daher halten Sie sich bitte an die Vorgaben dort.
Anschließend müssen Sie den folgenden Code auf der Website einbinden, dabei ist es egal, ob dieser im Header (Kopfbereich), Footer (Fußbereich) oder auf der Seite platziert wird. Ist der Code platziert, laufen in der Funktion customTracking alle oben genannten Daten zusammen und Sie können diese nach Belieben an den externen Tracking-Anbieter (z. B. Google Analytics) weitergeben.
<script type="text/javascript">
// Funktion zur Überprüfung der Origin
function isValidOrigin(origin) {
const allowedOrigins = [
window.location.origin, // Die gleiche Host-Domain
"https://services.gastronovi.com" // Die erlaubte Domain
];
return allowedOrigins.includes(origin);
}
// Listener für Messages vom iFrame
window.addEventListener('message', function (event) {
if (!isValidOrigin(event.origin)) {
console.warn('Unerlaubte Origin:', event.origin);
return; // Ignoriere Nachrichten von unautorisierten Quellen
}
if (event.data.eventType === 'gn-widget-event') {
customTracking(event.data.detail);
}
});
// Listener für Events aus dem gleichen Fenster
window.addEventListener('gn-widget-event', function (event) {
customTracking(event.detail);
});
function customTracking(data) {
/*********************************************
*********************************************
*************** YOUR CODE HERE **************
*********************************************
*********************************************/
console.log('Received gn-widget-event:', data);
}
</script>Um das Ganze einmal am Beispiel "Google Analytics” durchzuspielen:
Zusätzlich zu dem oben genannten Code wird der Google Analytics-Code mit der Property-ID im Header (Kopfbereich) eingebaut. Und dort wo YOUR CODE HERE steht muss in der Funktion am Beispiel von Google Analytics folgendes ersetzt werden gtag('event', data.type, data).
gtag('event', data.type, data);Also:
function customTracking(data) {
/*********************************************
*********************************************
*************** YOUR CODE HERE **************
*********************************************
*********************************************/
console.log('Received gn-widget-event:', data);
gtag('event', data.type, data);
}gtag ist dabei eine Funktion bei Google Analytics und bekommt data übergeben. In data stehen alle Informationen zu den Reservierungen drin.
Anschließend können in dem verknüpften Google Analytics-Konto die Daten ausgewertet werden, bzw. sind die Events detailliert einsehbar. Neben den Daten, die Google sowieso aufzeichnet (trackt), werden die Daten von gastronovi Office zusätzlich übergeben und ausgewertet.