CMP ইন্টিগ্রেশন গাইড: Shopify, WordPress, Wix ও কাস্টম সাইট
নতুন ব্যবহারকারীদের কাছ থেকে সবচেয়ে বেশি শোনা প্রশ্ন: "আমি কীভাবে আমার সাইটে FlexyConsent ইনস্টল করব?" উত্তর প্ল্যাটফর্ম নির্বিশেষে একই — closing head ট্যাগের আগে JavaScript-এর একটি লাইন পেস্ট করুন। তবে Shopify, WordPress, Wix, Squarespace এবং কাস্টম-বিল্ট সাইটের জন্য সঠিক ধাপগুলো সামান্য আলাদা। এই গাইডটি সবগুলো কভার করে।
সর্বজনীন পদ্ধতি
FlexyConsent একটি মাত্র স্ক্রিপ্ট ট্যাগ দিয়ে কাজ করে। কোনো প্লাগইন নেই, কোনো SDK নেই, কোনো সার্ভার-সাইড কনফিগারেশন নেই। head সেকশনে কাস্টম HTML অনুমোদন করে এমন প্রতিটি প্ল্যাটফর্ম FlexyConsent সমর্থন করে। স্ক্রিপ্টটি ৫০KB-এর কম এবং অ্যাসিঙ্ক্রোনাসলি লোড হয়, অর্থাৎ আপনার পেজ স্পিডে কোনো প্রভাব নেই।
স্ক্রিপ্ট:<script src="https://flexyconsent.com/d/c/c/4/your-site-id.js"></script>
আপনার অ্যাকাউন্ট তৈরি করার পরে FlexyConsent প্যানেল থেকে আপনার অনন্য স্ক্রিপ্টটি পাবেন।
Shopify
- ধাপ ১: Online Store > Themes > Edit Code-এ যান
- ধাপ ২: theme.liquid খুলুন
- ধাপ ৩: </head>-এর ঠিক আগে FlexyConsent স্ক্রিপ্ট পেস্ট করুন
- ধাপ ৪: সেভ করুন — আপনার consent ব্যানার সমস্ত পেজে সক্রিয়
কোনো Shopify অ্যাপ প্রয়োজন নেই। Dawn, Debut এবং কাস্টম থিমসহ সব থিমের সাথে কাজ করে।
WordPress
- বিকল্প A (প্লাগইন ছাড়া): Appearance > Theme Editor > header.php > </head>-এর আগে পেস্ট করুন
- বিকল্প B (প্লাগইন সহ): যেকোনো "Insert Headers" প্লাগইন ইনস্টল করুন > Head সেকশনে স্ক্রিপ্ট পেস্ট করুন
- বিকল্প C (functions.php): একটি wp_head অ্যাকশন হুক যোগ করুন যা স্ক্রিপ্ট ট্যাগ আউটপুট করে
সব প্রধান থিম (Astra, GeneratePress, Divi, Elementor) এবং পেজ বিল্ডারের সাথে সামঞ্জস্যপূর্ণ। ক্যাশিং প্লাগইনের সাথে কোনো দ্বন্দ্ব নেই — স্ক্রিপ্টটি স্বাধীনভাবে লোড হয়।
Wix
- ধাপ ১: Settings > Custom Code-এ যান
- ধাপ ২: "Add Custom Code" ক্লিক করুন
- ধাপ ৩: FlexyConsent স্ক্রিপ্ট পেস্ট করুন
- ধাপ ৪: placement "Head" সেট করুন এবং "All pages"-এ প্রয়োগ করুন
কাস্টম কোড সমর্থন করে এমন সব Wix প্ল্যানে কাজ করে (Business প্ল্যান এবং তার উপরে)।
Squarespace
- ধাপ ১: Settings > Advanced > Code Injection-এ যান
- ধাপ ২: Header সেকশনে স্ক্রিপ্ট পেস্ট করুন
- ধাপ ৩: সেভ করুন — সমস্ত পেজে consent ব্যানার দেখা যাবে
কাস্টম HTML / স্ট্যাটিক সাইট
- ধাপ ১: আপনার HTML টেমপ্লেট বা লেআউট ফাইল খুলুন
- ধাপ ২: </head>-এর আগে স্ক্রিপ্ট পেস্ট করুন
- ধাপ ৩: ডেপ্লয় করুন — এটুকুই সব
যেকোনো স্ট্যাটিক সাইট জেনারেটর (Next.js, Gatsby, Hugo, Jekyll, Astro), যেকোনো ফ্রেমওয়ার্ক (React, Vue, Angular) এবং যেকোনো হোস্টিং প্রোভাইডারের সাথে কাজ করে।
Google Tag Manager
- ধাপ ১: একটি নতুন Custom HTML ট্যাগ তৈরি করুন
- ধাপ ২: FlexyConsent স্ক্রিপ্ট পেস্ট করুন
- ধাপ ৩: ট্রিগার "All Pages — Page View" সেট করুন
- ধাপ ৪: অন্যান্য ট্যাগের আগে ফায়ার করার জন্য অগ্রাধিকার সেট করুন
GTM ব্যবহার করার সময়, FlexyConsent স্বয়ংক্রিয়ভাবে Google Consent Mode V2-এর সাথে ইন্টিগ্রেট হয় — কোনো অতিরিক্ত কনফিগারেশন প্রয়োজন নেই।
ইনস্টলেশনের পরে: কী যাচাই করবেন
- ব্যানার দেখা যাচ্ছে — ইনকগনিটো উইন্ডোতে আপনার সাইট ভিজিট করুন
- Consent Mode ফায়ার হচ্ছে — consent অবস্থার জন্য Google Tag Assistant চেক করুন
- TC String তৈরি হচ্ছে — ব্রাউজার কনসোলে __tcfapi দিয়ে যাচাই করুন
- Analytics এখনো কাজ করছে — consent গ্রহণের পরে ডেটা প্রবাহিত হচ্ছে কিনা নিশ্চিত করুন
- মোবাইলে কাজ করছে — আসল মোবাইল ডিভাইসে পরীক্ষা করুন
সাধারণ সমস্যা ও সমাধান
- ব্যানার দেখা যাচ্ছে না? স্ক্রিপ্টটি <body>-তে নয়, <head>-এ আছে কিনা চেক করুন। ব্রাউজার ক্যাশ পরিষ্কার করুন।
- প্রতিটি ভিজিটে ব্যানার দেখা যাচ্ছে? নিশ্চিত করুন যে কুকিগুলো আপনার ব্রাউজার বা প্রাইভেসি এক্সটেনশন দ্বারা ব্লক হচ্ছে না।
- Google Ads ট্র্যাক করছে না? নিশ্চিত করুন যে FlexyConsent স্ক্রিপ্ট আপনার Google ট্যাগের আগে লোড হচ্ছে।