Lavida Travel is een reisbureau met een maatwerk website in een JavaScript-framework. Standaard CMS-plugins of kant-en-klare analytics-snippetjes volstaan niet: interacties spelen zich af in de frontend, terwijl cruciale stappen in de reisflow door de backend worden afgehandeld zonder ingebouwde meetpunten.
De opdracht was een robuuste GTM-setup waarmee marketing en productie inzicht krijgen in wat bezoekers doen, van oriëntatie tot conversie. Dat vroeg om nauwe samenwerking met de developer van de applicatie en om maatwerk in tags, triggers en dataLayer-events voor functies die de backend niet vanzelf ondersteunt.
GTM op maatwerk frontend
Google Tag Manager vormt het centrale punt voor alle tags: GA4-events, conversiemeting en aanvullende marketingpixels. Op een custom frontend moet elke relevante actie expliciet worden aangeleverd via de dataLayer, in plaats van dat GTM automatisch klikken en pagina's oppikt zoals op een klassieke WordPress-site.
De container is ingericht met duidelijke naming, versiebeheer en scheiding tussen technische events en business-KPI's. Zo blijft het overzichtelijk wanneer de applicatie doorontwikkelt.
Samenwerking met de developer
Tracking op een JavaScript-applicatie is teamwerk. De developer bouwt flows in de app; analytics bepaalt wat gemeten moet worden en waar in de code de dataLayer gevoed wordt. In dit project is continu afgestemd: welke user actions zijn relevant, op welk moment is de data betrouwbaar en hoe voorkom je dubbele events bij SPA-navigatie?
Documentatie en testscenario's hielpen om implementatie in de frontend en configuratie in GTM op elkaar af te stemmen, zonder dat elke release nieuwe meetgaten introduceert.
Meten wat de backend niet levert
Niet elke stap in de reisflow stuurt vanzelf signalen naar analytics. Server-side acties, bevestigingen of tussenstatussen zijn vaak niet zichtbaar in de browser. Daarvoor zijn custom events, aanvullende frontend-hooks en soms workarounds nodig om toch consistent te meten.
Dat was een van de zwaardere onderdelen: functies die de backend-applicatie niet out-of-the-box ondersteunt, alsnog traceerbaar maken zonder de meetdata onbetrouwbaar te maken. Meerdere iteraties van bouwen, meten en valideren in GTM Preview en GA4 DebugView.
Belangrijkste onderdelen
- GTM-container voor custom JavaScript-website
- DataLayer-events voor reis- en conversiestappen
- Samenwerking met applicatie-developer
- Tracking waar backend geen meethooks biedt
- SPA-proof event- en paginameting
- Testen en valideren in GTM Preview en GA4
Wat het opleverde
Lavida Travel meet marketing- en productdata op een site die niet op standaard CMS-tracking leunt. GTM en GA4 ontvangen consistente events over de reisflow heen, zodat campagnes en UX-beslissingen op betrouwbare cijfers stoelen in plaats van incomplete browser-signalen alleen.