Informasjonskapselsamtykke for enkeltside-applikasjoner (React, Vue, Angular)
Hvorfor SPA-er er vanskelige for informasjonskapselsamtykke
Enkeltside-applikasjoner lastes én gang og håndterer navigasjon på klientsiden. Det er ingen sideinnlastinger som utløser samtykkesjekker på nytt. Tredjepartsskript lastet i index.html kjøres før noe samtykke-UI vises.
Vanlige SPA-feil
- Lasting av Google Analytics i index.html før samtykke
- Ikke sjekke samtykkestatus på nytt ved ruteendringer
- Miste samtykkestatus når appen gjengis på nytt
- Utløse sporingshendelser i komponentens livssyklus uten samtykkeporter
Korrekt implementering
- Last kun CMP-skriptet i HTML head — ingenting annet
- Last tredjepartsskript betinget bare etter at samtykke er gitt
- Bruk CMPs JavaScript API for å sjekke samtykkestatus programmatisk
- Begrens analyse- og markedsføringskall bak samtykkesjekker i komponentene dine
Rammeverks-spesifikke tips
React
Bruk en samtykkekontekstleverandør. Sjekk samtykkestatus i useEffect-hooks før du initialiserer sporere.
Vue
Opprett en samtykkeplugin. Bruk rutervakter for å verifisere samtykkestatus ved navigasjon.
Angular
Bruk en samtykketjeneste injisert via DI. Sjekk samtykke i rutevakter og komponentinitialisering.
FlexyConsent med SPA-er
FlexyConsents enkeltskript-tilnærming fungerer med ethvert rammeverk. Det lastes asynkront, håndterer samtykkestatus via informasjonskapsler og eksponerer en JavaScript API for programmatiske samtykkesjekker. Ingen rammeverks-spesifikk SDK nødvendig.