1. Widget tracking
Default worden alle acties en pageViews doorgegeven aan Google Analytics, indien deze op de pagina, waar de widgets zijn ingebouwd, aanwezig is. Daarbij is het van belang dat het script als volgt wordt aangeroepen: window['GoogleAnalyticsObject']
De volgende zaken worden doorgegeven aan Google Analytics:
- Events, alle waarde veranderingen in bijvoorbeeld quicksearch en artikelselectie, weergeven van andere afbeelding, klikken op button etc...
- PageView, het navigeren in de boekingsstappen
- E-commerce tracking, na een succesvolle reservering
Dit is uit te schakelen door het volgende data-attribuut aan de 'booking-widget' toe te voegen:
data-booking-google-tracking="no"
*) Indien dit attribuut niet aanwezig is (of een andere waarde heeft) zullen de gegevens altijd aan het geladen Google Analytics profiel toegevoegd worden.
2. Widget tracking events
Er zijn 3 widget-events welke te gebruiken zijn om naar eigen inzicht het één en ander te registreren in Google Analytics (of een andere partij).
- 'booking:track:event'
- 'booking:track:navigation'
- 'booking:track:ecommerce'
De 'tracing-events' kun je als volgt gebruiken:
widget.on('booking:track:event', function(event, tracking){
console.log(tracking);
/* 'tracking' is als volgt opgebouwd:
tracking = {
category: [subwidget], // example: widget:level | widget:quicksearch
action: [type], // example: click | change
label: [description], // example: switch_photo | arrival
value: [value] // example: 20161231 (=arrival date: 31-12-2016)
};
*/
});
widget.on('booking:track:navigation', function(event, tracking){
console.log(tracking);
/* 'tracking' is als volgt opgebouwd:
tracking = {
location: [requestedPage] // example: /booking/reservation/?booking_page=1
};
*/
});
widget.on('booking:track:ecommerce', function(event, tracking){
console.log(tracking);
/* 'tracking' is als volgt opgebouwd:
tracking = {
reservation: [reservationID],
resort: [resortName],
amount: [reservationAmount], // example: 0.00
oid: [objectID],
object: [objectName],
type: [objectType]
};
*/
});