In dit artikel leer je hoe je Bookzo Events kunt koppelen aan Google Tag Manager (GTM) en Google Analytics (GA4). Dit helpt om succesvolle boekingen als conversies te meten en extra data door te sturen naar je analytics-platform. Je vindt Bookzo Events hier. 

Wat doet het event `bookzoBookingSuccess`?

Dit event wordt getriggerd zodra een boeking succesvol is afgerond. Het bevat uitgebreide details over de reservering, zoals:

• reservationNumber (reserveringsnummer)
• reservationTotalPrice (totale prijs)
• reservationArrivalDate en reservationDepartureDate
• Gegevens van de klant en objecten

Event listener toevoegen

Plaats onderstaande script op de pagina waar Bookzo Elements draait (bijvoorbeeld de bevestigingspagina):

<script>
document.addEventListener('bookzoBookingSuccess', (event) => {
console.log(event.detail); // Controleer de data in de console

// Voorbeeld: stuur data naar GTM via dataLayer
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
event: 'booking_success',
reservation_number: event.detail.reservationNumber,
reservation_total_price: event.detail.reservationTotalPrice,
reservation_arrival_date: event.detail.reservationArrivalDate,
reservation_departure_date: event.detail.reservationDepartureDate,
reservation_number_of_persons: event.detail.reservationNumberOfPersons
});
});
 </script>

Google Tag Manager én GA instellen

• Trigger in GTM

- Ga naar Triggers in GTM
- Klik op Nieuwe trigger → Aangepast Event
- Vul bij Eventnaam: booking_success
 - Sla de trigger op

• Tag in GTM

- Ga naar Tags → Nieuwe tag
- Kies Google Analytics: GA4 Event
- Selecteer je GA4-configuratietag
- Vul bij Eventnaam: booking_success
- Voeg Eventparameters toe zoals reservation_number, reservation_total_price, etc.
 - Maak eerst Data Layer-variabelen aan in GTM

• Publiceer in GTM

Klik op Verzenden om je wijzigingen live te zetten.

• Instellingen in Google Analytics (GA4)

- Ga naar Beheerder → Gebeurtenissen
- Controleer of booking_success verschijnt
 - Wil je dit als conversie meten? Ga naar Conversies → Nieuwe conversie-event → Vul booking_success in.

Testen met dummy data

- Ga naar de pagina met <bookzo-confirmation>
- Voeg #testbooking toe aan de URL
 - Herlaad de pagina (F5). Het event wordt nu getriggerd met testdata.

Belangrijke aandachtspunten

• Interne namen: Object-, groep- en park-namen zijn interne namen en kunnen afwijken van wat op de website staat.
• Privacy: Verstuur geen persoonlijke klantgegevens naar externe tools.