Kwa nini SPA ni ngumu kwa idhini ya vidakuzi

Programu za ukurasa mmoja hupakia mara moja na kushughulikia urambazaji upande wa mteja. Hakuna upakiaji upya wa ukurasa unaoweza kuanzisha tena ukaguzi wa idhini. Hati za wahusika wengine zilizopakiwa katika index.html hutekelezwa kabla ya kiolesura chochote cha idhini kuonekana.

Makosa ya kawaida katika SPA

• Kupakia Google Analytics katika index.html kabla ya idhini
• Kutokagua hali ya idhini wakati wa mabadiliko ya njia
• Kupoteza hali ya idhini wakati programu inapojengwa upya
• Kuzindua matukio ya ufuatiliaji katika mzunguko wa maisha wa vipengele bila ukaguzi wa idhini

Utekelezaji sahihi

1. Pakia hati ya CMP pekee katika kichwa cha HTML — hakuna kingine
2. Pakia hati za wahusika wengine kwa masharti tu baada ya idhini kutolewa
3. Tumia JavaScript API ya CMP kukagua hali ya idhini kwa programu
4. Zuia simu za uchanganuzi na masoko nyuma ya ukaguzi wa idhini katika vipengele vyako

Vidokezo maalum kwa framework

React

Tumia mtoa muktadha wa idhini. Kagua hali ya idhini katika hook za useEffect kabla ya kuanzisha vifuatiliaji.

Vue

Unda programu-jalizi ya idhini. Tumia walinzi wa router kuthibitisha hali ya idhini wakati wa urambazaji.

Angular

Tumia huduma ya idhini iliyoingizwa kupitia DI. Kagua idhini katika walinzi wa njia na wakati wa kuanzisha vipengele.

FlexyConsent na SPA

Mbinu ya hati moja ya FlexyConsent inafanya kazi na framework yoyote. Inapakia kwa njia isiyo ya moja kwa moja, inasimamia hali ya idhini kupitia vidakuzi, na inafichua JavaScript API kwa ukaguzi wa idhini kwa programu. Hakuna SDK maalum ya framework inayohitajika.