Зашто су SPA проблематичне за сагласност за колачиће

Једностраничне апликације се учитавају једном и руководе навигацијом на страни клијента. Нема поновног учитавања страница које би поново покренуло провере сагласности. Скрипте трећих страна учитане у index.html се извршавају пре него што се појави било који интерфејс за сагласност.

Честе грешке у SPA

• Учитавање Google Analytics у index.html пре сагласности
• Непроверавање стања сагласности при промени рута
• Губитак стања сагласности када се апликација поново рендерује
• Покретање догађаја праћења у животном циклусу компоненти без провера сагласности

Исправна имплементација

1. Учитајте само CMP скрипту у заглавље HTML-а — ништа друго
2. Условно учитајте скрипте трећих страна тек након добијања сагласности
3. Користите JavaScript API од CMP за програмску проверу стања сагласности
4. Условите аналитичке и маркетиншке позиве проверама сагласности у вашим компонентама

Савети за конкретне framework-е

React

Користите провајдер контекста за сагласност. Проверите стање сагласности у useEffect hook-овима пре иницијализације пратилаца.

Vue

Направите плагин за сагласност. Користите чуваре рутера за верификацију стања сагласности при навигацији.

Angular

Користите сервис за сагласност инјектован преко DI. Проверите сагласност у чуварима рута и при иницијализацији компоненти.

FlexyConsent са SPA

Приступ FlexyConsent са једном скриптом функционише са било којим framework-ом. Учитава се асинхроно, управља стањем сагласности путем колачића и излаже JavaScript API за програмске провере сагласности. Није потребан никакав SDK специфичан за framework.