Бір беттік қосымшаларға (React, Vue, Angular) арналған Cookie келісімі
Неліктен SPA-лар Cookie келісімі үшін қиын
Бір беттік қосымшалар бір рет жүктеледі және навигацияны клиент жағында басқарады. Келісім тексерулерін қайта іске қосатын бет қайта жүктеулері жоқ. index.html ішінде жүктелген үшінші тарап скрипттері кез келген келісім UI пайда болғанға дейін іске қосылады.
Жиі кездесетін SPA қателіктері
- Google Analytics-ті index.html ішінде келісімге дейін жүктеу
- Маршрут өзгерістерінде келісім күйін қайта тексермеу
- Қосымша қайта рендерленгенде келісім күйінің жоғалуы
- Компонент өмірлік циклінде келісім шлюздерінсіз бақылау оқиғаларын іске қосу
Дұрыс іске асыру
- HTML head ішіне тек CMP скриптін жүктеңіз — басқа ештеңе емес
- Үшінші тарап скрипттерін тек келісім берілгеннен кейін шартты түрде жүктеңіз
- Келісім күйін бағдарламалық түрде тексеру үшін CMP JavaScript API пайдаланыңыз
- Компоненттеріңізде аналитика мен маркетинг шақыруларын келісім тексерулерімен шектеңіз
Фреймворкке тән кеңестер
React
Келісім контекст провайдерін пайдаланыңыз. Трекерлерді инициализациялау алдында useEffect хуктарында келісім күйін тексеріңіз.
Vue
Келісім плагинін жасаңыз. Навигация кезінде келісім күйін тексеру үшін маршрутизатор қорғаушыларын пайдаланыңыз.
Angular
DI арқылы енгізілетін келісім сервисін пайдаланыңыз. Маршрут қорғаушыларында және компонент инициализациясында келісімді тексеріңіз.
FlexyConsent SPA-лармен
FlexyConsent-тің бір скриптті тәсілі кез келген фреймворкпен жұмыс істейді. Ол асинхронды жүктеледі, cookie файлдары арқылы келісім күйін басқарады және бағдарламалық келісім тексерулері үшін JavaScript API ұсынады. Фреймворкке тән SDK қажет емес.