SPAs und SSR (Next.js usw.)
Frameworks, die die UI hydratisieren, können die CMP zu spät oder doppelt laden. Die Regel bleibt: window.INTA dann uc.js, so früh wie möglich im echten HTML-Dokument.
Next.js (App Router)
- Bevorzugt
app/layout.tsx(oder Root-Layout) mit Server- oder Client-Komponente, die das Snippet in<head>ausgibt. - Bei
next/scriptsicherstellen, dass die CMP vor Analytics-Skripten in der Dokumentreihenfolge läuft —strategy="beforeInteractive"kann für den CMP-Loader passen; GA nicht mit früherer effektiver Reihenfolge laden. - CMP nicht nur in einer tiefen Client-Route mounten (z. B. einzelne Seitenkomponente), es sei denn, jeder Einstiegspfad enthält sie.
React (SPA)
- Die beiden Script-Tags in
public/index.htmloder dem HTML-Template des Frameworks einfügen, nicht nur in einer spät gemounteten Komponente. - Beim Hinzufügen von Drittanbieter-Skripten per Plugin das Bundle auf doppeltes
uc.jsprüfen.
Vue / Nuxt / SvelteKit
- Root-Layout oder
app.html/ Head-Hooks nutzen, damit die CMP in der initialen HTML-Antwort für den ersten Paint steht.
Prüfen
- Seitenquelltext anzeigen (nicht nur Elemente):
uc.jssoll im Roh-HTML vorkommen. - Bei fehlendem Banner oder zurückgesetzter Einwilligung bei Navigation: Debugging.
Verwandtes
Last updated