Evästeiden suostumus yksisivuisille sovelluksille (React, Vue, Angular)
Miksi SPA-sovellukset ovat hankalia evästeiden suostumukselle
Yksisivuiset sovellukset latautuvat kerran ja käsittelevät navigoinnin asiakaspuolella. Sivun uudelleenlatauksia ei tapahdu suostumustarkistusten uudelleenkäynnistämiseksi. Kolmannen osapuolen skriptit, jotka ladataan index.html-tiedostossa, käynnistyvät ennen minkään suostumus-käyttöliittymän ilmestymistä.
Yleiset SPA-virheet
- Google Analyticsin lataaminen index.html-tiedostossa ennen suostumusta
- Suostumustilan uudelleentarkistamatta jättäminen reittimuutoksissa
- Suostumustilan menettäminen sovelluksen uudelleenrenderöinnissä
- Seurantatapahtumien laukaiseminen komponentin elinkaaressa ilman suostumustarkistuksia
Oikea toteutus
- Lataa vain CMP-skripti HTML-head-osioon — ei mitään muuta
- Lataa kolmannen osapuolen skriptit ehdollisesti vasta suostumuksen antamisen jälkeen
- Käytä CMP:n JavaScript API:a suostumustilan ohjelmalliseen tarkistamiseen
- Suojaa analytics- ja markkinointikutsut komponenteissasi suostumustarkistuksilla
Kehyskohtaiset vinkit
React
Käytä consent context provideria. Tarkista suostumustila useEffect-hookeissa ennen seurantatyökalujen alustamista.
Vue
Luo consent-liitännäinen. Käytä router guardeja suostumustilan tarkistamiseen navigoinnissa.
Angular
Käytä consent-palvelua, joka injektoidaan DI:n kautta. Tarkista suostumus route guardeissa ja komponentin alustuksessa.
FlexyConsent SPA-sovellusten kanssa
FlexyConsent-palvelun yksiskriptinen lähestymistapa toimii minkä tahansa kehyksen kanssa. Se latautuu asynkronisesti, hallitsee suostumustilaa evästeiden kautta ja tarjoaa JavaScript API:n ohjelmallisiin suostumustarkistuksiin. Kehyskohtaista SDK:ta ei tarvita.