رضایت کوکی برای اپلیکیشنهای تکصفحهای (React، Vue، Angular)
چرا SPAها برای رضایت کوکی پیچیده هستند
اپلیکیشنهای تکصفحهای یک بار بارگذاری میشوند و ناوبری را در سمت کلاینت مدیریت میکنند. بارگذاری مجدد صفحهای وجود ندارد که بررسیهای رضایت را دوباره فعال کند. اسکریپتهای شخص ثالث بارگذاری شده در index.html قبل از ظاهر شدن هر رابط کاربری رضایت اجرا میشوند.
اشتباهات رایج SPA
- بارگذاری Google Analytics در index.html قبل از رضایت
- عدم بررسی مجدد وضعیت رضایت در تغییرات مسیر
- از دست دادن وضعیت رضایت هنگام رندر مجدد اپلیکیشن
- اجرای رویدادهای ردیابی در چرخه حیات کامپوننت بدون بررسی رضایت
پیادهسازی صحیح
- فقط اسکریپت CMP را در head HTML خود بارگذاری کنید — هیچ چیز دیگری
- اسکریپتهای شخص ثالث را فقط پس از اعطای رضایت به صورت مشروط بارگذاری کنید
- از JavaScript API مربوط به CMP برای بررسی برنامهنویسی وضعیت رضایت استفاده کنید
- فراخوانیهای analytics و بازاریابی در کامپوننتهای خود را با بررسیهای رضایت محافظت کنید
نکات مخصوص هر Framework
React
از یک consent context provider استفاده کنید. وضعیت رضایت را در hookهای useEffect قبل از مقداردهی اولیه ردیابها بررسی کنید.
Vue
یک consent plugin بسازید. از router guardها برای تأیید وضعیت رضایت در ناوبری استفاده کنید.
Angular
از یک consent service تزریقشده از طریق DI استفاده کنید. رضایت را در route guardها و مقداردهی اولیه کامپوننت بررسی کنید.
FlexyConsent با SPAها
رویکرد تکاسکریپتی FlexyConsent با هر framework کار میکند. به صورت ناهمزمان بارگذاری میشود، وضعیت رضایت را از طریق کوکیها مدیریت میکند و یک JavaScript API برای بررسیهای برنامهنویسی رضایت ارائه میدهد. نیازی به SDK مخصوص framework نیست.