Згода на cookie для аднастаронкавых праграм (React, Vue, Angular)
Чаму SPA складаныя для згоды на cookie
Аднастаронкавыя праграмы загружаюцца адзін раз і апрацоўваюць навігацыю на баку кліента. Няма перазагрузак старонкі, якія паўторна запускалі б праверкі згоды. Іншапартыйныя скрыпты, загружаныя ў index.html, спрацоўваюць да з'яўлення якога-небудзь інтэрфейсу згоды.
Распаўсюджаныя памылкі SPA
- Загрузка Google Analytics у index.html да згоды
- Адсутнасць паўторнай праверкі стану згоды пры змене маршруту
- Страта стану згоды пры паўторным рэндэрынгу праграмы
- Запуск падзей адсочвання ў жыццёвым цыкле кампанента без праверак згоды
Правільная рэалізацыя
- Загружайце ў head вашага HTML толькі скрыпт CMP — больш нічога
- Загружайце іншапартыйныя скрыпты ўмоўна толькі пасля атрымання згоды
- Выкарыстоўвайце JavaScript API CMP для праграмнай праверкі стану згоды
- Закрывайце выклікі аналітыкі і маркетынгу праверкамі згоды ў вашых кампанентах
Парады для канкрэтных фрэймворкаў
React
Выкарыстоўвайце правайдар кантэксту згоды. Правярайце стан згоды ў хуках useEffect перад ініцыялізацыяй трэкераў.
Vue
Стварыце плагін згоды. Выкарыстоўвайце ахоўнікі маршрутызатара для праверкі стану згоды пры навігацыі.
Angular
Выкарыстоўвайце сэрвіс згоды, які ўкараняецца праз DI. Правярайце згоду ў ахоўніках маршрутаў і пры ініцыялізацыі кампанентаў.
FlexyConsent з SPA
Падыход FlexyConsent з адным скрыптом працуе з любым фрэймворкам. Ён загружаецца асінхронна, кіруе станам згоды праз cookie і прадастаўляе JavaScript API для праграмных праверак згоды. Не патрэбны SDK для канкрэтнага фрэймворка.