কেন SPA কুকি সম্মতির জন্য জটিল

সিঙ্গেল-পেজ অ্যাপ্লিকেশন একবার লোড হয় এবং ক্লায়েন্ট-সাইডে নেভিগেশন পরিচালনা করে। সম্মতি পরীক্ষা পুনরায় চালু করার জন্য কোনো পেজ রিলোড হয় না। index.html-এ লোড করা থার্ড-পার্টি স্ক্রিপ্টগুলি কোনো সম্মতি UI প্রদর্শিত হওয়ার আগেই চালু হয়ে যায়।

সাধারণ SPA ভুলসমূহ

• সম্মতির আগে index.html-এ Google Analytics লোড করা
• রুট পরিবর্তনে সম্মতি স্থিতি পুনরায় পরীক্ষা না করা
• অ্যাপ রি-রেন্ডার হলে সম্মতি স্থিতি হারিয়ে যাওয়া
• সম্মতি গেট ছাড়াই কম্পোনেন্ট লাইফসাইকেলে ট্র্যাকিং ইভেন্ট চালু করা

সঠিক বাস্তবায়ন

1. আপনার HTML head-এ শুধুমাত্র CMP স্ক্রিপ্ট লোড করুন — অন্য কিছু নয়
2. সম্মতি প্রদানের পরেই শর্তসাপেক্ষে থার্ড-পার্টি স্ক্রিপ্ট লোড করুন
3. প্রোগ্রাম্যাটিকভাবে সম্মতি স্থিতি পরীক্ষা করতে CMP-এর JavaScript API ব্যবহার করুন
4. আপনার কম্পোনেন্টে অ্যানালিটিক্স এবং মার্কেটিং কলগুলি সম্মতি পরীক্ষার পিছনে রাখুন

ফ্রেমওয়ার্ক-নির্দিষ্ট টিপস

React

একটি সম্মতি কনটেক্সট প্রোভাইডার ব্যবহার করুন। ট্র্যাকার শুরু করার আগে useEffect হুকে সম্মতি স্থিতি পরীক্ষা করুন।

Vue

একটি সম্মতি প্লাগইন তৈরি করুন। নেভিগেশনে সম্মতি স্থিতি যাচাই করতে রাউটার গার্ড ব্যবহার করুন।

Angular

DI-এর মাধ্যমে ইনজেক্ট করা একটি সম্মতি সার্ভিস ব্যবহার করুন। রুট গার্ড এবং কম্পোনেন্ট ইনিটে সম্মতি পরীক্ষা করুন।

SPA-এর সাথে FlexyConsent

FlexyConsent-এর একক-স্ক্রিপ্ট পদ্ধতি যেকোনো ফ্রেমওয়ার্কের সাথে কাজ করে। এটি অ্যাসিঙ্ক্রোনাসভাবে লোড হয়, কুকির মাধ্যমে সম্মতি স্থিতি পরিচালনা করে এবং প্রোগ্রাম্যাটিক সম্মতি পরীক্ষার জন্য JavaScript API প্রদান করে। কোনো ফ্রেমওয়ার্ক-নির্দিষ্ট SDK প্রয়োজন নেই।