Por que as SPA son complicadas para o Consentimento de Cookies

As aplicacións de páxina única cárganse unha vez e xestionan a navegación no lado do cliente. Non hai recargas de páxina que reactiven as verificacións de consentimento. Os scripts de terceiros cargados en index.html execútanse antes de que apareza calquera interface de consentimento.

Erros comúns nas SPA

• Cargar Google Analytics en index.html antes do consentimento
• Non volver verificar o estado de consentimento nos cambios de ruta
• Perder o estado de consentimento cando a aplicación se volve renderizar
• Disparar eventos de seguimento no ciclo de vida do compoñente sen verificacións de consentimento

Implementación correcta

1. Carga só o script CMP no head do teu HTML — nada máis
2. Carga condicionalmente os scripts de terceiros só despois de obter o consentimento
3. Usa a JavaScript API do CMP para verificar o estado de consentimento programaticamente
4. Protexe as chamadas de analytics e marketing nos teus compoñentes con verificacións de consentimento

Consellos específicos por Framework

React

Usa un consent context provider. Verifica o estado de consentimento nos hooks useEffect antes de inicializar rastrexadores.

Vue

Crea un plugin de consentimento. Usa router guards para verificar o estado de consentimento na navegación.

Angular

Usa un servizo de consentimento inxectado mediante DI. Verifica o consentimento en route guards e na inicialización de compoñentes.

FlexyConsent con SPA

O enfoque de script único de FlexyConsent funciona con calquera framework. Cárgase de forma asíncrona, xestiona o estado de consentimento mediante cookies e expón unha JavaScript API para verificacións programáticas de consentimento. Non se precisa SDK específico para ningún framework.