Soglasje za piškotke v enostranskih aplikacijah (React, Vue, Angular)
Zakaj so SPA problematične za soglasje za piškotke
Enostranske aplikacije se naložijo enkrat in navigacijo obravnavajo na strani odjemalca. Ni ponovnih nalaganj strani, ki bi znova sprožila preverjanje soglasja. Skripte tretjih oseb, naložene v index.html, se izvedejo, preden se prikaže kakršen koli vmesnik za soglasje.
Pogoste napake pri SPA
- Nalaganje Google Analytics v index.html pred soglasjem
- Nepreverjanje stanja soglasja ob spremembah poti
- Izguba stanja soglasja, ko se aplikacija ponovno izriše
- Sprožitev sledilnih dogodkov v življenjskem ciklu komponent brez preverjanja soglasja
Pravilna implementacija
- V glavo HTML naložite samo skripto CMP — nič drugega
- Pogojno naložite skripte tretjih oseb šele po podelitvi soglasja
- Uporabite JavaScript API od CMP za programsko preverjanje stanja soglasja
- Pogojite analitične in marketinške klice s preverjanji soglasja v svojih komponentah
Nasveti za posamezne okvire
React
Uporabite ponudnika konteksta za soglasje. Preverite stanje soglasja v kukah useEffect, preden inicializirate sledilnike.
Vue
Ustvarite vtičnik za soglasje. Uporabite stražarje usmerjevalnika za preverjanje stanja soglasja pri navigaciji.
Angular
Uporabite storitev za soglasje, injicirano prek DI. Preverite soglasje v stražarjih poti in ob inicializaciji komponent.
FlexyConsent s SPA
Pristop FlexyConsent z eno skripto deluje s katerim koli ogrodjem. Naloži se asinhrono, upravlja stanje soglasja prek piškotkov in izpostavlja JavaScript API za programsko preverjanje soglasja. SDK, specifičen za ogrodje, ni potreben.