Tutorial: Tracking Scripts/Pixels

Tutorial: Tracking Scripts/Pixels

Vorwort

Das TOSC5 Website Widget bietet verschiedene Möglichkeiten, Benutzeraktivitäten innerhalb der Applikation zu tracken.
Durch die Anbindung eines Webtracking-Tools wie z. B.:

  • Google Analytics

  • Google Ads

  • Facebook (Meta)

  • Matomo (ehemals Piwik)

  • oder vergleichbarer Tracking-Systeme

können diese Ereignisse erfasst und anschließend ausgewertet werden.
So erhalten Sie wertvolle Einblicke in das Nutzerverhalten entlang der Buchungsstrecke.

Einbau

Die JavaScript-Tracking-Events müssen vor dem Start der TOSC5 Applikation eingebunden werden.

Position im Einbaucode

Die Events sind direkt nach folgender Initialisierung zu platzieren:

window.dw = window.dw || function () { (dw.q = dw.q || []).push(arguments) };

Ein vollständiges Beispiel finden Sie im Abschnitt „Beispiel TOSC5 Tracking Einbau“.

Verwendung der TagID

Innerhalb jeder einzelnen Tracking-Funktion muss die TagID des TOSC5 Widgets manuell angegeben werden.

Diese dient zur eindeutigen Zuordnung der Tracking-Daten zum jeweiligen Widget.

Event-Daten (Event-Object)

Bei jedem Tracking-Event steht ein Objekt (standardmäßig e) zur Verfügung.
Über dieses Objekt können Detailinformationen zum jeweiligen Ereignis ausgelesen werden.

Der Inhalt des Event-Objects variiert je nach Eventtyp, z. B.:

  • Name des Vermieters beim Aufruf einer Detailseite

  • Buchungsdetails auf der Bestätigungsseite einer erfolgreichen Buchung

  • Informationen zu Nutzerinteraktionen innerhalb der Buchungsstrecke

Beispiel: TOSC5 Tracking Einbau

Ein vollständiges Codebeispiel zur Integration der Tracking-Events finden Sie im nachfolgenden Abschnitt der Dokumentation.

<script>

window.dw = window.dw || function () {(dw.q = dw.q || []).push(arguments)};
dw('settings', 'Hier TagID hinterlegen', {"lang": 'en', "target" : "tosc5"});

dw('onPageLoad', 'Hier TagID hinterlegen', function (e) {
console.log('onPageLoad', e)
});

dw('onUserAction', 'Hier TagID hinterlegen', function (e) {
console.log('onUserAction:', e)
});

</script>

 

Weiterführende Informationen

Detaillierte Beschreibungen zu den einzelnen Tracking-Funktionen finden Sie auf den jeweiligen Unterseiten:

Dort sind die verfügbaren Event-Daten sowie typische Anwendungsfälle im Detail erläutert.