Consimțământul pentru cookie-uri în aplicațiile single-page (React, Vue, Angular)
De ce SPA-urile sunt problematice pentru consimțământul cookie-urilor
Aplicațiile single-page se încarcă o singură dată și gestionează navigarea pe partea clientului. Nu există reîncărcări de pagină care să redeclanșeze verificările de consimțământ. Scripturile terțe încărcate în index.html se execută înainte ca orice interfață de consimțământ să apară.
Greșeli frecvente în SPA
- Încărcarea Google Analytics în index.html înainte de consimțământ
- Neverificarea stării consimțământului la schimbările de rută
- Pierderea stării consimțământului când aplicația se re-renderizează
- Declanșarea evenimentelor de urmărire în ciclul de viață al componentelor fără verificări de consimțământ
Implementare corectă
- Încărcați doar scriptul CMP în head-ul HTML — nimic altceva
- Încărcați condiționat scripturile terțe doar după ce consimțământul este acordat
- Utilizați JavaScript API al CMP pentru a verifica programatic starea consimțământului
- Condiționați apelurile de analiză și marketing de verificările de consimțământ în componentele dumneavoastră
Sfaturi specifice framework-urilor
React
Utilizați un provider de context pentru consimțământ. Verificați starea consimțământului în hook-urile useEffect înainte de a inițializa tracker-ele.
Vue
Creați un plugin de consimțământ. Utilizați gardieni de ruter pentru a verifica starea consimțământului la navigare.
Angular
Utilizați un serviciu de consimțământ injectat prin DI. Verificați consimțământul în gardienii de rută și la inițializarea componentelor.
FlexyConsent cu SPA-uri
Abordarea cu un singur script a FlexyConsent funcționează cu orice framework. Se încarcă asincron, gestionează starea consimțământului prin cookie-uri și expune un JavaScript API pentru verificări programatice ale consimțământului. Nu este necesar niciun SDK specific framework-ului.