Single-Page Application (React, Vue, Angular) uchun cookie rozilik
Nima uchun SPA cookie roziligi uchun murakkab
Single-page applicationlar bir marta yuklanadi va navigatsiyani klient tomonida boshqaradi. Rozilik tekshiruvlarini qayta ishga tushirish uchun sahifa qayta yuklanmaydi. index.html da yuklangan uchinchi tomon skriptlari rozilik UI paydo boʻlishidan oldin ishga tushadi.
SPA dagi keng tarqalgan xatolar
- Rozilikdan oldin index.html da Google Analytics yuklash
- Marshrut oʻzgarishlarida rozilik holatini qayta tekshirmaslik
- Ilova qayta renderlanganida rozilik holatining yoʻqolishi
- Rozilik tekshiruvisiz komponent hayot tsiklida kuzatuv hodisalarini ishga tushirish
Toʻgʻri amalga oshirish
- HTML head qismida faqat CMP skriptini yuklang — boshqa hech narsa
- Uchinchi tomon skriptlarini faqat rozilik berilgandan keyin shartli ravishda yuklang
- Rozilik holatini dasturiy ravishda tekshirish uchun CMP ning JavaScript API dan foydalaning
- Komponentlaringizda analitika va marketing chaqiruvlarini rozilik tekshiruvlari ortiga qoʻying
Freymvorkka xos maslahatlar
React
Rozilik context provayderidan foydalaning. Trekkerlarni ishga tushirishdan oldin useEffect hooklarida rozilik holatini tekshiring.
Vue
Rozilik plagini yarating. Navigatsiyada rozilik holatini tasdiqlash uchun router guardlardan foydalaning.
Angular
DI orqali kiritilgan rozilik xizmatidan foydalaning. Route guardlar va komponent initda rozilikni tekshiring.
SPA bilan FlexyConsent
FlexyConsent ning yagona skript yondashuvi har qanday freymvork bilan ishlaydi. U asinxron ravishda yuklanadi, cookielar orqali rozilik holatini boshqaradi va dasturiy rozilik tekshiruvlari uchun JavaScript API taqdim etadi. Freymvorkka xos SDK kerak emas.