Pristanak na kolačiće za jednostranične aplikacije (React, Vue, Angular)
Zašto su SPA problematične za pristanak na kolačiće
Jednostranične aplikacije učitavaju se jednom i upravljaju navigacijom na strani klijenta. Nema ponovnog učitavanja stranice koje bi ponovno pokrenulo provjere pristanka. Skripte trećih strana učitane u index.html aktiviraju se prije nego što se pojavi sučelje za pristanak.
Česte greške kod SPA
- Učitavanje Google Analytics u index.html prije pristanka
- Neprovjera stanja pristanka pri promjeni rute
- Gubitak stanja pristanka kada se aplikacija ponovno renderira
- Pokretanje praćenja u životnom ciklusu komponenata bez provjere pristanka
Ispravna implementacija
- Učitajte samo CMP skriptu u HTML head — ništa drugo
- Uvjetno učitajte skripte trećih strana tek nakon dobivanja pristanka
- Koristite JavaScript API CMP-a za programsku provjeru stanja pristanka
- Ograničite analitičke i marketinške pozive provjerama pristanka u vašim komponentama
Savjeti specifični za framework
React
Koristite consent context provider. Provjerite stanje pristanka u useEffect hooks prije inicijalizacije trackera.
Vue
Stvorite consent plugin. Koristite router guards za provjeru stanja pristanka pri navigaciji.
Angular
Koristite consent service injektiran putem DI. Provjerite pristanak u route guards i inicijalizaciji komponenata.
FlexyConsent sa SPA
FlexyConsent pristup s jednom skriptom radi s bilo kojim frameworkom. Učitava se asinkrono, upravlja stanjem pristanka putem kolačića i nudi JavaScript API za programske provjere pristanka. Nije potreban SDK specifičan za framework.