SPA’s en SSR (Next.js, enz.)
Frameworks die de UI hydrateren kunnen de CMP per ongeluk te laat of dubbel laden. De regel blijft: window.INTA dan uc.js, zo vroeg mogelijk in het echte HTML-document.
Next.js (App Router)
- Gebruik bij voorkeur
app/layout.tsx(of root-layout) met een server- of client-component die de snippet in<head>uitgeeft. - Met
next/script: zorg dat de CMP vóór analytics-scripts in de documentvolgorde draait—strategy="beforeInteractive"kan passen voor de CMP-loader; vermijd GA met eerder effectieve volgorde. - Monteer de CMP niet alleen in een diepe clientroute (bijv. één paginacomponent), tenzij elke instaproute die bevat.
React (SPA)
- Voeg beide script-tags toe aan
public/index.htmlof het HTML-sjabloon van het framework, niet alleen in een laat gemounte component. - Zoek in de bundle naar dubbel
uc.jsbij scripts van derden via plugins.
Vue / Nuxt / SvelteKit
- Gebruik het root-layout of
app.html/ head-hooks zodat de CMP in het initiële HTML-antwoord voor de eerste paint zit.
Controleren
- Paginabron weergeven (niet alleen Elementen):
uc.jsmoet in de ruwe HTML staan. - Geen banner of toestemming reset bij navigatie: Probleemoplossing.
Zie ook
Last updated