Du kannst das Widget an externe Dienste (Google Analytics, Matomo Analytics etc.) anbinden. Die Auswertung liefert Dir 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 erhältst Du tiefere Einblicke in die Interaktion Deiner Gäste mit Deinem Widget und kannst gegebenenfalls Maßnahmen ergreifen, damit die Möglichkeit zur Online-Reservierung effektiver genutzt wird.
Unsere dringliche Empfehlung: Richte die Tracking-Dienste nur ein, wenn Du bereits Erfahrung auf dem Gebiet gesammelt hast und Dich mit Coding auskennst. Wenn Du eine externe Dienstleistung in Anspruch nimmst (z. B. eine SEO-Agentur), kannst Du diese Informationen entsprechend weiterleiten.
Egal, ob Du Deine Website extern oder in Gastronovi Back Office verwaltest: Denke daran, dass Du unbedingt Deine Datenschutzerklärung und die Consent-Tool-Abfrage entsprechend anpasst, wenn Du Tracking-Tools nutzt. (Mehr Informationen im Internet, z. B. hier: Tracking im Internet: Definition, Arten & Datenschutz beim Webtracking )
Alle Events übergeben bereits den referral. Du kannst, wenn Du das Widget irgendwo einbindest, die Ursprungsplattform angeben, um so nachvollziehen zu können, woher die Zugriffe stammen. Beispielsweise kannst Du Instagram als Ursprungsplattform angeben, wenn Du einen Link zum Widget generierst, der in Deinem Instagram-Profil genutzt wird. Diese Daten sind auch ohne externes Tool über die Statistiken in Gastronovi Back 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, Du nutzt die Internetpräsenz in Gastronovi Back Office. Alle Reservierungen/Buchungen über die Bestell- und Reservierungsbestätigungsmails werden mit Mail und über den versendeten Newsletter mit Newsletter getrackt.
Das loaded-Event wird nur getriggert, wenn das Widget auch im sichtbaren Bereich ist.
{
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 hältst Du Dich bitte an die Vorgaben dort.
Anschließend musst Du 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 Du kannst 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.