সম্মতি না দেওয়া পর্যন্ত স্ক্রিপ্ট কীভাবে ব্লক করবেন: তিনটি পদ্ধতির তুলনা
সমস্যা: যে ট্যাগ খুব আগে ফায়ার করে
একটি সম্মতি ব্যানার তখনই কাজ করে যখন তার পেছনের ট্যাগগুলো ভিজিটরের পছন্দকে সম্মান করে। সবচেয়ে সাধারণ ব্যর্থতা সহজ: ব্যানার দেখা যায়, কিন্তু কেউ কিছু ক্লিক করার আগেই অ্যানালিটিক্স ও বিজ্ঞাপনের স্ক্রিপ্ট লোড হয়ে আইডেন্টিফায়ার সেট করে ফেলেছে। এটি ঠিক করার অর্থ সম্মতি না দেওয়া পর্যন্ত স্ক্রিপ্ট ব্লক করা। এটি করার তিনটি বাস্তবসম্মত উপায় আছে।
পদ্ধতি ১: স্ক্রিপ্টের টাইপ পুনর্লিখন
ব্রাউজার কেবল তখনই script এলিমেন্ট চালায় যখন তার টাইপ একটি JavaScript টাইপ। আপনি টাইপ text/plain করে দিলে ব্রাউজার স্ক্রিপ্টটি উপেক্ষা করে। তারপর আপনি একটি data অ্যাট্রিবিউট যোগ করেন, যা নথিবদ্ধ করে স্ক্রিপ্টটি কোন সম্মতি শ্রেণির:
type="text/javascript"বদলেtype="text/plain"করুন।data-category="analytics"এর মতো একটি অ্যাট্রিবিউট যোগ করুন।- ভিজিটর ওই শ্রেণিতে সম্মতি দিলে একটি ছোট লোডার টাইপ আগের অবস্থায় ফেরায় এবং স্ক্রিপ্টটি ঢুকিয়ে দেয়, যাতে তা চলে।
যার জন্য ভালো: আপনার টেমপ্লেটে থাকা হাতেগোনা কিছু পরিচিত ইনলাইন বা বহিরাগত স্ক্রিপ্ট। সতর্ক থাকুন: অন্য স্ক্রিপ্টের ঢুকিয়ে দেওয়া স্ক্রিপ্ট নিয়ে, যা কখনও আপনার টেমপ্লেটের মধ্য দিয়ে যায় না এবং তাই কখনও পুনর্লিখিত হয় না।
পদ্ধতি ২: ট্যাগ ম্যানেজারে ট্যাগ গেট করা
আপনার ট্যাগ যদি Google Tag Manager বা অনুরূপ টুলে থাকে, তাহলে কন্টেইনার পেজে রেখে সম্মতি-সচেতন ট্রিগার দিয়ে ফায়ারিং নিয়ন্ত্রণ করতে পারেন। প্রতিটি ট্যাগকে একটি সম্মতির শর্ত দেওয়া হয়, এবং সংশ্লিষ্ট সম্মতির অবস্থা দেওয়া থাকলেই কেবল ট্যাগ ম্যানেজার সেটি ফায়ার করে। বড় সুবিধা হলো কেন্দ্রীয় নিয়ন্ত্রণ: মার্কেটিং টেমপ্লেট না ছুঁয়েই ট্যাগ যোগ করতে পারে, এবং নিয়মটি ট্যাগের সঙ্গেই থাকে।
যার জন্য ভালো: অনেক মার্কেটিং ট্যাগ থাকা সাইট। সতর্ক থাকুন: কন্টেইনারের বাইরে থাকা হার্ড-কোডেড স্ক্রিপ্ট এবং কাস্টম HTML ট্যাগ নিয়ে, যা নিজস্ব আরও স্ক্রিপ্ট লোড করে।
পদ্ধতি ৩: সম্মতিতে স্ক্রিপ্ট ডায়নামিকভাবে লোড করা
এখানে আপনি স্ক্রিপ্ট ট্যাগগুলো পেজ থেকে সম্পূর্ণ সরিয়ে দেন এবং এমন একটি ফাংশন লেখেন যা সম্মতির ইভেন্টের পরেই সেগুলো ঢোকায়। সিঙ্গল-পেজ অ্যাপ্লিকেশন এবং পূর্ণ নিয়ন্ত্রণ চাওয়া ডেভেলপারদের জন্য এটি সবচেয়ে পরিষ্কার বিকল্প:
- আপনার CMP থেকে সম্মতি কলব্যাক শুনুন।
- কোন শ্রেণিগুলো দেওয়া হয়েছে তা পরীক্ষা করুন।
- একটি script এলিমেন্ট তৈরি করুন, তার সোর্স সেট করুন এবং ডকুমেন্টে যুক্ত করুন।
- স্ক্রিপ্টের লোড হ্যান্ডলারে যেকোনো ইনিশিয়ালাইজেশন কোড চালান।
যার জন্য ভালো: বিল্ড ধাপ থাকা আধুনিক অ্যাপ্লিকেশন। সতর্ক থাকুন: ফিরে আসা ভিজিটরকে সামলাতে ভুলে যাওয়া থেকে, যার সংরক্ষিত পছন্দ নতুন ক্লিক ছাড়াই পেজ লোডের সময় লোডিং চালু করবে।
সম্মতি প্রত্যাহার সামলানো
সম্মতির আগে ব্লক করা কাজের অর্ধেক মাত্র। কোনো ভিজিটর পরে সম্মতি প্রত্যাহার করলে টুলগুলোকে কল করা বন্ধ করুন এবং নিশ্চিত করুন যে সেগুলো আইডেন্টিফায়ার পড়া বা লেখা চালিয়ে না যায়। পেজ থেকে স্ক্রিপ্ট সরালে মেমরিতে থাকা কোড সরে না, তাই প্রত্যাহারের পর একটি রিলোড প্রায়ই সবচেয়ে সহজ নির্ভরযোগ্য পদ্ধতি।
কোনটি বেছে নেবেন?
- কম স্ক্রিপ্ট, সার্ভার-রেন্ডারড টেমপ্লেট: পদ্ধতি ১।
- অনেক মার্কেটিং ট্যাগ, নন-ডেভেলপাররা সম্পাদনা করেন: পদ্ধতি ২।
- সিঙ্গল-পেজ অ্যাপ বা কাস্টম ফ্রন্ট এন্ড: পদ্ধতি ৩।
- মিশ্র পরিবেশে প্রায়ই দুটির সমন্বয় হয়। শুধু নিশ্চিত করুন, কোনো ট্যাগ যেন কোনোটির আওতার বাইরে না থাকে।
কীভাবে পরীক্ষা করবেন
- ক্যাশ পরিষ্কার করে একটি প্রাইভেট উইন্ডো খুলুন।
- পেজ লোড করার আগে ব্রাউজার ডেভেলপার টুলের Network ও Application ট্যাব খুলুন।
- পেজ লোড করুন এবং ব্যানারে হাত দেবেন না। নিশ্চিত করুন যে কোনো অ্যানালিটিক্স বা বিজ্ঞাপনের অনুরোধ যাচ্ছে না এবং সংশ্লিষ্ট কোনো কুকি বা স্টোরেজ এন্ট্রি দেখা যাচ্ছে না।
- শুধু একটি শ্রেণি গ্রহণ করুন এবং নিশ্চিত করুন কেবল সংশ্লিষ্ট স্ক্রিপ্ট লোড হচ্ছে।
- সব প্রত্যাখ্যান করুন, রিলোড করুন এবং প্রথম পরীক্ষা পুনরাবৃত্তি করুন।
- সম্মতি প্রত্যাহার করুন এবং উপরে বর্ণিত আচরণ যাচাই করুন।
FlexyConsent কোথায় ফিট করে
FlexyConsent IAB TCF 2.4 এবং Google Consent Mode v2 সমর্থন করে, এবং এটি একটি Google-সার্টিফাইড CMP (CMP ID 317)। আপনি যে ব্লকিং পদ্ধতিই বেছে নিন, ব্যানারের কাজ হলো ভিজিটর কী বেছে নিয়েছেন তার একটি স্পষ্ট সংকেত আপনার কোডকে দেওয়া। প্রতিটি স্ক্রিপ্ট যেন তা মেনে চলে, তা নিশ্চিত করা আপনার কাজ।
মূল শিক্ষা
- ভিজিটর বেছে নেওয়ার আগে লোড হওয়া স্ক্রিপ্ট ব্যানারের উদ্দেশ্যই ব্যর্থ করে দেয়।
- টাইপ রিরাইটিং, ট্যাগ ম্যানেজার ট্রিগার এবং ডায়নামিক লোডিং, প্রতিটি আলাদা ধরনের সাইটের জন্য উপযুক্ত।
- অন্য স্ক্রিপ্টের ঢুকিয়ে দেওয়া স্ক্রিপ্টই সবচেয়ে সাধারণ ফাঁক।
- শুধু প্রথম ভিজিট নয়, ফিরে আসা ভিজিটর এবং সম্মতি প্রত্যাহারও সামলান।
- ব্যানারে হাত দেওয়ার আগে ডেভেলপার টুল খোলা রেখে একটি পরিষ্কার প্রাইভেট উইন্ডোতে পরীক্ষা করুন।