Artikelen over: Diversen

Server-Side Tagging instellen voor Single Page Applications

Wat is een Single Page Application (SPA)?

Een Single Page Application (SPA) is een webapplicatie die alle benodigde onderdelen laadt wanneer je de pagina voor het eerst bezoekt. Als je door de site navigeert door op links of knoppen te klikken, wordt nieuwe content dynamisch geladen zonder dat de pagina volledig herlaadt. Dit zorgt voor problemen bij webtracking omdat traditionele trackingmethoden afhankelijk zijn van pagina herladingen. Het gevolg is dat alleen de eerste paginaweergave wordt geregistreerd in Google Analytics, terwijl alle volgende navigatie onzichtbaar blijft.


Voorbereiding: Controleren of URLs veranderen

Voordat je begint moet je controleren of de URLs veranderen wanneer gebruikers navigeren. Open je website in een browser, navigeer naar verschillende secties en let op of de URL in de adresbalk verandert. Als URLs niet veranderen heb je hulp van een developer nodig. Als URLs wel veranderen kun je verder met de onderstaande methoden.


History Change Trigger in GTM

Begin met het aanmaken van een History Change Trigger.


  1. Open de Google Tag Manager web container


  1. Ga naar Triggers


  1. Maak een nieuwe trigger aan


  1. Kies History Change als trigger type


  1. Geef de trigger een naam zoals "SPA History Change" en sla op



Test vervolgens de trigger door GTM Preview modus te activeren. Navigeer door je website en controleer of History events verschijnen in het event overzicht binnen de preview mode. Belangrijk is dat sommige websites meerdere History events tegelijk genereren.



page_location & page_referrer variabelen


  1. Ga naar variabelen


  1. Maak een nieuwe door de gebruiker gedefinieerde variabele aan


  1. Selecteer 'dataLayer Variable'


  1. Vul gtm.oldUrl als variable naam in en sla de variable op met een duidelijke naam zoals "DLV - gtm.oldURL"



  1. Open je GA4 page_view tag


Heb je nog geen GA4 page_view tag? Maak dan een nieuwe GA4 event tag aan met als gebeurtenisnaam 'page_view'


  1. Voeg twee nieuwe Event Parameters toe


  1. Als Event Parameter vul je 'page_location' en 'page_referrer' toe, en als Value vul je de variabelen {{Page URL}} en {{DLV - gtm.oldUrl}} in



  1. Als trigger voeg je de nieuwe SPA History Change trigger toe aan je bestaande trigger (en voeg deze trigger toe aan al je andere PageView tags voor andere platformen)



  1. Sla de GA4 event tag op



Consentverwerking


Cookiebanners van Cookiebot en Consent.Studio vuren één keer per pagina een dataLayer event 'cookie_consent_update' af. Omdat de pagina niet volledig herlaadt, kan het zo zijn dat deze dataLayer event maar één keer in iemands sessie plaatsvindt. Daarom wil je instellen dat een page_view event gemeten wordt op de eerste pagina ná het verwerken van de consent (om te voorkomen dat je een page_view niet meet omdat de gebruiker nog geen consent gegeven heeft). Vandaar dat wij adviseren om de volgende twee triggers te gebruiken bij je page_view event tags (als je werkt met een CMP dat 'cookie_consent_update' in de dataLayer heeft).


Bijgewerkt op: 20/08/2025

Was dit artikel nuttig?

Deel uw feedback

Annuleer

Dankuwel!