سنگل پیج ایپلیکیشنز (React, Vue, Angular) کے لیے کوکی رضامندی
SPA کوکی رضامندی کے لیے مشکل کیوں ہیں
سنگل پیج ایپلیکیشنز ایک بار لوڈ ہوتی ہیں اور نیویگیشن کلائنٹ سائیڈ پر ہینڈل کرتی ہیں۔ رضامندی کی جانچ دوبارہ شروع کرنے کے لیے کوئی پیج ری لوڈ نہیں ہوتا۔ index.html میں لوڈ کی گئی تھرڈ پارٹی اسکرپٹس کسی بھی رضامندی UI کے ظاہر ہونے سے پہلے فائر ہو جاتی ہیں۔
SPA کی عام غلطیاں
- رضامندی سے پہلے index.html میں Google Analytics لوڈ کرنا
- روٹ تبدیلیوں پر رضامندی کی حالت دوبارہ چیک نہ کرنا
- ایپ دوبارہ رینڈر ہونے پر رضامندی کی حالت ضائع ہو جانا
- رضامندی کے گیٹس کے بغیر کمپوننٹ لائف سائیکل میں ٹریکنگ ایونٹس فائر کرنا
درست نفاذ
- اپنے HTML ہیڈ میں صرف CMP اسکرپٹ لوڈ کریں — اور کچھ نہیں
- تھرڈ پارٹی اسکرپٹس صرف رضامندی ملنے کے بعد مشروط طور پر لوڈ کریں
- رضامندی کی حالت پروگرامیٹک طور پر چیک کرنے کے لیے CMP کا JavaScript API استعمال کریں
- اپنے کمپوننٹس میں رضامندی کی جانچ کے پیچھے اینالیٹکس اور مارکیٹنگ کالز کو گیٹ کریں
فریم ورک کے مخصوص مشورے
React
رضامندی کانٹیکسٹ پرووائیڈر استعمال کریں۔ ٹریکرز شروع کرنے سے پہلے useEffect ہکس میں رضامندی کی حالت چیک کریں۔
Vue
رضامندی پلگ ان بنائیں۔ نیویگیشن پر رضامندی کی حالت کی تصدیق کے لیے راؤٹر گارڈز استعمال کریں۔
Angular
DI کے ذریعے انجیکٹ کی گئی رضامندی سروس استعمال کریں۔ روٹ گارڈز اور کمپوننٹ انٹ میں رضامندی چیک کریں۔
SPA کے ساتھ FlexyConsent
FlexyConsent کا سنگل اسکرپٹ اپروچ کسی بھی فریم ورک کے ساتھ کام کرتا ہے۔ یہ غیر مطابقت پذیر طور پر لوڈ ہوتا ہے، کوکیز کے ذریعے رضامندی کی حالت کا انتظام کرتا ہے، اور پروگرامیٹک رضامندی کی جانچ کے لیے JavaScript API فراہم کرتا ہے۔ کسی فریم ورک کے مخصوص SDK کی ضرورت نہیں۔