Webflow-এর নেটিভ Cookie Consent কী করে এবং কোথায় থামে

Webflow ২০২২ সালে নেটিভ Cookie Consent ফিচার যোগ করেছে এবং তারপর থেকে এটি উন্নত করেছে। ফিচারটি তিনটি প্রিসেট কুকি ক্যাটাগরি সমর্থন করে — Essential, Marketing এবং Personalization — প্রজেক্ট সেটিংসের মাধ্যমে একটি কনফিগারযোগ্য ব্যানার UI প্রকাশ করে এবং ব্যবহারকারীর পছন্দে Google Analytics গেটিং বেঁধে দেয়। ব্যানারটি ফার্স্ট-পার্টি কুকিতে ব্যবহারকারীর সম্মতি রেকর্ড করে। যখন অপারেটর ফিচার সক্রিয় করেন, ক্যাটাগরি কনফিগার করেন এবং সম্মতি স্টাইল বেছে নেন (opt-in, opt-out, বা implicit), প্ল্যাটফর্ম দৃশ্যমান ব্যানার এবং নেটিভ ইন্টিগ্রেশনের বেসিক গেটিং পরিচালনা করে।

Webflow-এর নেটিভ ব্যানার যা করে না — এবং যেখানে বেশিরভাগ এজেন্সি-নির্মিত ডিপ্লয়মেন্ট ব্যর্থ হয় — তা হল অ্যানালিটিক্স, মার্কেটিং পিক্সেল, চ্যাট উইজেট এবং এমবেডেড ভিডিওর জন্য অপারেটরদের যোগ করা Custom Code গেট করা। সাইট ও পেজ স্তরে Custom Code ইনজেকশন পয়েন্টগুলি ব্যানার রেন্ডার হওয়ার আগে চলে, অর্থাৎ সেই পয়েন্টগুলির মাধ্যমে যোগ করা যেকোনো থার্ড-পার্টি স্ক্রিপ্ট সম্মতি সিদ্ধান্ত নেওয়ার আগে চালু হয়। এজেন্সিগুলি প্রায়ই Hotjar, Facebook Pixel, CRM স্ক্রিপ্ট বা Calendly এমবেড Custom Code-এর মাধ্যমে যোগ করে এবং ধরে নেয় নেটিভ ব্যানার গেটিং পরিচালনা করে। করে না।

ডিফল্ট opt-in বনাম implicit-consent সেটিং

নেটিভ ব্যানার তিনটি সম্মতি স্টাইল প্রকাশ করে। Implicit-consent স্টাইল — সাইট পরিদর্শন সম্মতি হিসেবে গণ্য হয় যতক্ষণ না ব্যবহারকারী প্রত্যাখ্যান করেন — EEA জুড়ে Webflow-হোস্টেড সাইটের বিরুদ্ধে নিয়ন্ত্রকদের বারবার নির্ণয়ের উৎস হয়েছে। Opt-in স্টাইল EEA, UK, ব্রাজিল, সুইজারল্যান্ড বা GDPR মান আমদানি করা যেকোনো বিচারব্যবস্থাকে লক্ষ্য করা যেকোনো ডিপ্লয়মেন্টের জন্য সঠিক ডিফল্ট। অপারেটরকে অবশ্যই opt-in বেছে নিতে হবে, ক্যাটাগরিগুলি ডিফল্টরূপে বন্ধ কনফিগার করতে হবে এবং প্রিভিউতে যাচাই করতে হবে যে reject বোতামটি accept বোতামের মতো কমপক্ষে ততটাই দৃশ্যমানভাবে বিশিষ্ট।

Custom Code গেটিং: নেটিভ ব্যানার যে কাজ করে না

Webflow-এ যে ইন্টিগ্রেশন প্যাটার্ন কাজ করে তার তিনটি অংশ আছে। প্রথমত, নেটিভ ব্যানার সঠিকভাবে কনফিগার করুন। দ্বিতীয়ত, প্রতিটি Custom Code স্ক্রিপ্ট চালানোর আগে একটি সম্মতি চেকে মুড়ে দিন। তৃতীয়ত, নেটিভ ব্যানার যথেষ্ট কিনা বা থার্ড-পার্টি CMP দিয়ে প্রতিস্থাপন করা উচিত কিনা তা সিদ্ধান্ত নিন।

সহজতম গেটিং প্যাটার্ন হল Webflow সম্মতি কুকি বা প্ল্যাটফর্মের JavaScript হুক থেকে সম্মতির অবস্থা পড়া এবং শর্তসাপেক্ষে থার্ড-পার্টি লজিক চালানো। Footer Code বিভাগে যোগ করা স্ক্রিপ্টের জন্য, প্যাটার্নটি হল স্নিপেটটি একটি ইভেন্ট লিসেনারে মোড়ানো যা Webflow সম্মতি পরিবর্তন ইভেন্টে ট্রিগার করে। Head Code বিভাগের স্ক্রিপ্টগুলির জন্য — যেখানে বেশিরভাগ অ্যানালিটিক্স স্নিপেট থাকে — প্যাটার্নটি হল স্নিপেট একটি প্লেসহোল্ডার হিসেবে লোড করা এবং সম্মতি চেক পাস না হওয়া পর্যন্ত থার্ড-পার্টি রিকোয়েস্ট স্থগিত রাখা।

থার্ড-পার্টি স্ক্রিপ্টের জন্য প্লেসহোল্ডার প্যাটার্ন

সবচেয়ে সাধারণ Webflow ইন্টিগ্রেশনে কাজ করা প্যাটার্নটি হল <script type="text/plain"> প্লেসহোল্ডার। থার্ড-পার্টি স্ক্রিপ্ট পেজ মার্কআপে অন্তর্ভুক্ত কিন্তু type অ্যাট্রিবিউট এমন একটি মানে সেট করা হয় যা ব্রাউজার চালাবে না। একটি ছোট bootstrap স্ক্রিপ্ট — একবার Footer Code বিভাগে যোগ করা হয় — Webflow সম্মতি পরিবর্তন ইভেন্ট শোনে, প্রদত্ত ক্যাটাগরির সাথে মিলে যাওয়া প্লেসহোল্ডার স্ক্রিপ্ট সনাক্ত করে এবং তাদের type অ্যাট্রিবিউট text/javascript-এ পুনর্লিখন করে। এই প্যাটার্নটি Drupal-এর EU Cookie Compliance মডিউল এবং Cloudflare Zaraz যা ব্যবহার করে তার মতোই — Webflow-এ পার্থক্য হল অপারেটরকে নিজেই bootstrap যোগ করতে হবে।

থার্ড-পার্টি CMP বিকল্প: যখন নেটিভ ব্যানার যথেষ্ট নয়

আরও সম্পূর্ণ অডিট ট্রেইল, প্রতি-ভেন্ডর কনফিগারেশন, মাল্টি-জুরিসডিকশন লজিক বা IAB TCF ইন্টিগ্রেশন প্রয়োজন এমন সাইটের জন্য নেটিভ ব্যানার যথেষ্ট নয় এবং থার্ড-পার্টি CMP — Cookiebot, OneTrust, Usercentrics, Iubenda — প্রতিস্থাপন করা উচিত। প্রথমে নেটিভ ব্যানার বন্ধ করা প্রয়োজন, অন্যথায় দুটি সম্মতি পৃষ্ঠ দ্বন্দ্ব করবে।

• Cookiebot ইন্টিগ্রেশন — Head বিভাগে Custom Code-এর মাধ্যমে Cookiebot স্নিপেট ইনস্টল করুন, Cookiebot-পরিচালিত স্ক্রিপ্টগুলি data-cookieconsent অ্যাট্রিবিউট দিয়ে চিহ্নিত করুন এবং প্রজেক্ট সেটিংসে Webflow নেটিভ ব্যানার নিষ্ক্রিয় করুন।
• OneTrust ইন্টিগ্রেশন — OneTrust CDN স্নিপেট ইনস্টল করুন, Webflow-এর ক্যাটাগরি স্ট্রাকচার পড়তে OneTrust ড্যাশবোর্ড কনফিগার করুন এবং নেটিভ ব্যানার বন্ধ করুন।
• Usercentrics ইন্টিগ্রেশন — Usercentrics স্নিপেট ইনস্টল করুন, অপারেটরের প্রকৃত ট্যাগ ইনভেন্টরি প্রতিফলিত করে সার্ভিস ডেফিনিশন কনফিগার করুন এবং নেটিভ ব্যানার নিষ্ক্রিয় করুন।
• Iubenda ইন্টিগ্রেশন — Iubenda Consent Solution স্নিপেট ইনস্টল করুন, পলিসি ও ক্যাটাগরি ম্যাপিং কনফিগার করুন এবং নেটিভ ব্যানার নিষ্ক্রিয় করুন।

Webflow CMS Collections এবং ডায়নামিক্যালি রেন্ডার করা কন্টেন্ট

Webflow-এর CMS Collections বিশেষ মনোযোগ দাবি করে কারণ এগুলি এমন একটি সম্মতি পৃষ্ঠ প্রবর্তন করে যা স্ট্যাটিক পেজে নেই। থার্ড-পার্টি উইজেট এমবেড করা একটি Collection পেজ — ব্লগ পোস্টে YouTube এমবেড, পোর্টফোলিও পেজে TikTok ফিড — এটি হোস্ট করা পেজে নেওয়া সম্মতি সিদ্ধান্তগুলি উত্তরাধিকার সূত্রে পায়, কিন্তু এমবেডেড কন্টেন্ট স্বয়ংক্রিয়ভাবে এই সিদ্ধান্তগুলি মেনে চলে না যদি না অপারেটর Collection-টি click-to-load প্লেসহোল্ডারের মাধ্যমে এমবেড রেন্ডার করতে কনফিগার করে থাকেন।

২০২৬ সালের জন্য ভ্যালিডেশন এবং অডিট অবস্থান

২০২৬ সালে একটি রক্ষণীয় Webflow ডিপ্লয়মেন্টকে চারটি প্রযুক্তিগত পরীক্ষায় উত্তীর্ণ হতে হবে। প্রথমত, EEA IP ঠিকানা থেকে সরবরাহ করা একটি পরিষ্কার ব্রাউজার সেশন ব্যানার অ্যাকশন করার আগে শূন্য নন-এসেনশিয়াল কুকি তৈরি করতে হবে। দ্বিতীয়ত, রিজেক্ট পথ সেই অবস্থা বজায় রাখতে হবে। তৃতীয়ত, অ্যাক্সেপ্ট পথ শুধুমাত্র ব্যবহারকারীর সম্মতি দেওয়া ট্যাগ তৈরি করতে হবে এবং সম্মতি লগ মিলে যাওয়া রেকর্ড ধারণ করতে হবে। চতুর্থত, প্রত্যাহার অবিলম্বে আরও ট্যাগ ফায়ার বন্ধ করতে হবে এবং opt-out ডাউনস্ট্রিম রিসিভারদের কাছে প্রচার করতে হবে।

অডিট-ট্রেইল প্রশ্নটি হল যেখানে নেটিভ Webflow ব্যানার বর্তমানে তার সীমা দেখায়। নেটিভ ব্যানার ফার্স্ট-পার্টি কুকিতে সম্মতির অবস্থা রেকর্ড করে কিন্তু ব্যবহারকারী পরিচয় বা সেশন পরিচয় দ্বারা কোয়েরিযোগ্য সার্ভার-সাইড অডিট লগ বজায় রাখে না। আরও সম্পূর্ণ অডিট ট্রেইল প্রয়োজন এমন ডিপ্লয়মেন্টের জন্য — মাল্টি-জুরিসডিকশন রিপোর্টিং, প্রতি-ভেন্ডর সম্মতি রেকর্ড, EDPB-এর প্রত্যাশিত ডকুমেন্টেশন মান সহ ইন্টিগ্রেশন — থার্ড-পার্টি CMP সঠিক উত্তর। দুটি পথের মধ্যে সচেতনভাবে বেছে নেওয়া, প্রতিটি Custom Code পৃষ্ঠ গেট করা এবং Collection এমবেড প্যাটার্ন সমাধান করা একটি Webflow সাইট প্ল্যাটফর্মের ভিজ্যুয়াল-বিল্ডার সরলতাকে লুকানো সম্মতি ঋণের পরিবর্তে একটি এজেন্সির সম্মতি অবস্থানের রক্ষণীয় অংশে পরিণত করেছে।