Súhlas s cookies pre jednostránkové aplikácie (React, Vue, Angular)
Prečo sú SPA problematické pre súhlas s cookies
Jednostránkové aplikácie sa načítajú raz a navigáciu riešia na strane klienta. Nedochádza k opätovnému načítaniu stránky, ktoré by znovu spustilo kontroly súhlasu. Skripty tretích strán načítané v index.html sa spustia skôr, ako sa zobrazí akékoľvek rozhranie súhlasu.
Bežné chyby v SPA
- Načítanie Google Analytics v index.html pred udelením súhlasu
- Nekontrolovanie stavu súhlasu pri zmenách trás
- Strata stavu súhlasu pri opätovnom vykreslení aplikácie
- Spúšťanie sledovacích udalostí v životnom cykle komponentov bez kontrol súhlasu
Správna implementácia
- Načítajte do hlavičky HTML iba skript CMP — nič iné
- Podmienečne načítajte skripty tretích strán až po udelení súhlasu
- Použite JavaScript API od CMP na programatickú kontrolu stavu súhlasu
- Podmieňte analytické a marketingové volania kontrolami súhlasu vo vašich komponentoch
Tipy pre konkrétne frameworky
React
Použite poskytovateľa kontextu pre súhlas. Skontrolujte stav súhlasu v hookoch useEffect pred inicializáciou sledovačov.
Vue
Vytvorte plugin pre súhlas. Použite stráže routera na overenie stavu súhlasu pri navigácii.
Angular
Použite službu pre súhlas injektovanú cez DI. Skontrolujte súhlas v strážach trás a pri inicializácii komponentov.
FlexyConsent so SPA
Prístup FlexyConsent s jedným skriptom funguje s akýmkoľvek frameworkom. Načíta sa asynchrónne, spravuje stav súhlasu prostredníctvom cookies a poskytuje JavaScript API na programatické kontroly súhlasu. Nie je potrebné žiadne SDK špecifické pre framework.