Cookie-hozzájárulás egyoldalas alkalmazásokhoz (React, Vue, Angular)
Miért problémásak a SPA-k a cookie-hozzájárulás szempontjából
Az egyoldalas alkalmazások egyszer töltődnek be, és a navigációt kliensoldalon kezelik. Nincsenek oldalújratöltések, amelyek újra elindítanák a hozzájárulás-ellenőrzéseket. Az index.html-ben betöltött harmadik féltől származó szkriptek még a hozzájárulási felület megjelenése előtt lefutnak.
Gyakori SPA-hibák
- Google Analytics betöltése az index.html-ben hozzájárulás előtt
- A hozzájárulási állapot újraellenőrzésének elmulasztása útvonalváltozáskor
- A hozzájárulási állapot elvesztése az alkalmazás újrarendereléskor
- Nyomkövetési események indítása a komponens-életciklusban hozzájárulási kapuk nélkül
Helyes megvalósítás
- Csak a CMP szkriptet töltse be a HTML fejlécében — semmi mást
- Feltételesen töltse be a harmadik féltől származó szkripteket csak a hozzájárulás megadása után
- Használja a CMP JavaScript API-ját a hozzájárulási állapot programozott ellenőrzéséhez
- Korlátozza az analitikai és marketing hívásokat hozzájárulás-ellenőrzésekkel a komponenseiben
Keretrendszer-specifikus tippek
React
Használjon consent context providert. Ellenőrizze a hozzájárulási állapotot a useEffect hooks-ban a nyomkövetők inicializálása előtt.
Vue
Hozzon létre egy consent plugint. Használjon router guards-t a hozzájárulási állapot ellenőrzésére navigáláskor.
Angular
Használjon DI-n keresztül injektált consent service-t. Ellenőrizze a hozzájárulást route guards-ban és a komponens inicializálásakor.
FlexyConsent SPA-kkal
A FlexyConsent egyszkriptes megközelítése bármely keretrendszerrel működik. Aszinkron módon töltődik be, cookie-kon keresztül kezeli a hozzájárulási állapotot, és JavaScript API-t biztosít a programozott hozzájárulás-ellenőrzésekhez. Nincs szükség keretrendszer-specifikus SDK-ra.