Wanneer klanten afkomen met: “we gaan iets op een andere site tonen in een iframe, hoe kunnen we toch ook daar meten?”. Brrrr…. 😅
Een vraag die ik via het development agency van een klant kreeg, toch even diende te zoeken en testen om zeker te zijn, dat het werkt, dus daarom even hier gedocumenteerd.
GA4 en cross-site context?
Reeds in 2020 heeft de Chromeblog daar een heldere pagina over gemaakt over cookies in een cross-site context (dus we hebben een iframe op website A, die module van website B toont en website B wilt meten wat er wordt gedaan in die iframe op website A).
Als je dan dus het GA4 script van website B gaat uitvoeren op website A, dan ga je in de console volgende error zien in Chrome.
De oplossing hiervoor is om met je GA4 pageview script de volgende parameter mee te sturen in je GTM tag: cookie_flags = samesite=none;secure
Dit debuggen doe je eenvoudig met de Chrome Addon Omnibug. Hier zie je een tijdelijke pagina om dit te testen in een iframe op een andere pagina en wilde ik testen of de GTM en bijhorende correcte GA4 tag worden afgevuurd.
Weet ook dat dit werkt in Chrome, maar bijvoorbeeld in Safari of Firefox werkt deze oplossing niet en worden de GA4 cookies niet geplaatst in deze iframe-case.
Safari disables third party cookies by default if the user has not previously visited the host of the iframe, so users will have to enable third party cookies in their privacy settings by disabling the setting Prevent Cross-Site Tracking. (This also applies for Safari Mobile.) Firefox has also started blocking third party cookies by default.
Weet dat tegen Q3 2024 normaal gezien 3th party cookies ook in Chrome wegzijn en dan ga je dit dus niet meer kunnen doen!
