Cookiesamtykke til single-page applikationer (React, Vue, Angular)
Hvorfor SPA'er er vanskelige for cookiesamtykke
Single-page applikationer indlæses en gang og håndterer navigation på klientsiden. Der er ingen genindlæsninger af siden til at genudløse samtykkekontroller. Tredjepartsscripts indlæst i index.html udløses, før nogen samtykke-UI vises.
Almindelige SPA-fejl
- Indlæsning af Google Analytics i index.html før samtykke
- Manglende genkontrol af samtykkestatus ved ruteændringer
- Tab af samtykkestatus, når appen genrenderes
- Udløsning af sporingsbegivenheder i komponentlivscyklus uden samtykkeporte
Korrekt implementering
- Indlæs kun CMP-scriptet i din HTML-head — intet andet
- Indlæs betinget tredjepartsscripts kun efter samtykke er givet
- Brug CMP'ens JavaScript API til programmatisk at kontrollere samtykkestatus
- Sæt analytik- og marketingkald bag samtykkekontroller i dine komponenter
Framework-specifikke tips
React
Brug en samtykke-context provider. Kontroller samtykkestatus i useEffect hooks, før trackere initialiseres.
Vue
Opret et samtykke-plugin. Brug router guards til at verificere samtykkestatus ved navigation.
Angular
Brug en samtykkeservice injiceret via DI. Kontroller samtykke i route guards og ved komponentinitialisering.
FlexyConsent med SPA'er
FlexyConsents enkelt-script tilgang fungerer med ethvert framework. Det indlæses asynkront, håndterer samtykkestatus via cookies og eksponerer en JavaScript API til programmatiske samtykkekontroller. Intet framework-specifikt SDK er nødvendigt.