Consentiment de cookies per a aplicacions de pàgina única (React, Vue, Angular)
Per què les SPA són complicades per al consentiment de cookies
Les aplicacions de pàgina única es carreguen una vegada i gestionen la navegació al costat del client. No hi ha recàrregues de pàgina per tornar a activar les comprovacions de consentiment. Els scripts de tercers carregats a index.html s'executen abans que aparegui qualsevol interfície de consentiment.
Errors habituals de les SPA
- Carregar Google Analytics a index.html abans del consentiment
- No tornar a comprovar l'estat del consentiment en els canvis de ruta
- Perdre l'estat del consentiment quan l'aplicació es torna a renderitzar
- Disparar esdeveniments de seguiment en el cicle de vida dels components sense portes de consentiment
Implementació correcta
- Carregueu només l'script del CMP al head HTML — res més
- Carregueu condicionalment els scripts de tercers només després d'atorgar el consentiment
- Utilitzeu la JavaScript API del CMP per comprovar l'estat del consentiment de manera programàtica
- Condicioneu les crides d'analítica i màrqueting a les comprovacions de consentiment als vostres components
Consells específics per framework
React
Utilitzeu un proveïdor de context de consentiment. Comproveu l'estat del consentiment als hooks useEffect abans d'inicialitzar els rastrejadors.
Vue
Creeu un plugin de consentiment. Utilitzeu guards de ruta per verificar l'estat del consentiment durant la navegació.
Angular
Utilitzeu un servei de consentiment injectat via DI. Comproveu el consentiment als guards de ruta i a la inicialització dels components.
FlexyConsent amb SPA
L'enfocament d'un sol script de FlexyConsent funciona amb qualsevol framework. Es carrega de manera asíncrona, gestiona l'estat del consentiment mitjançant cookies i exposa una JavaScript API per a comprovacions programàtiques del consentiment. No cal cap SDK específic del framework.