راهنمای یکپارچهسازی CMP: Shopify، WordPress، Wix و سایتهای سفارشی
مهمترین سوالی که از کاربران جدید میشنویم: «چطور FlexyConsent را روی سایتم نصب کنم؟» پاسخ صرفنظر از پلتفرم یکسان است — یک خط JavaScript را قبل از تگ بستهشدن head قرار دهید. اما مراحل دقیق برای Shopify، WordPress، Wix، Squarespace و سایتهای ساختهشده سفارشی اندکی متفاوت است. این راهنما همه آنها را پوشش میدهد.
رویکرد جهانی
FlexyConsent با یک تگ اسکریپت واحد کار میکند. بدون افزونه، بدون SDK، بدون پیکربندی سمت سرور. هر پلتفرمی که HTML سفارشی در بخش head را پشتیبانی کند، از FlexyConsent پشتیبانی میکند. اسکریپت کمتر از ۵۰ کیلوبایت حجم دارد و بهصورت غیرهمزمان بارگذاری میشود، یعنی هیچ تأثیری بر سرعت صفحه ندارد.
اسکریپت:<script src="https://flexyconsent.com/d/c/c/4/your-site-id.js"></script>
اسکریپت منحصربهفرد خود را پس از ایجاد حساب کاربری از پنل FlexyConsent دریافت میکنید.
Shopify
- مرحله ۱: به Online Store > Themes > Edit Code بروید
- مرحله ۲: فایل theme.liquid را باز کنید
- مرحله ۳: اسکریپت FlexyConsent را درست قبل از </head> قرار دهید
- مرحله ۴: ذخیره کنید — بنر رضایت شما در همه صفحات فعال است
نیازی به اپلیکیشن Shopify نیست. با همه قالبها از جمله Dawn، Debut و قالبهای سفارشی کار میکند.
WordPress
- گزینه الف (بدون افزونه): Appearance > Theme Editor > header.php > قبل از </head> قرار دهید
- گزینه ب (با افزونه): هر افزونه «Insert Headers» را نصب کنید > اسکریپت را در بخش Head قرار دهید
- گزینه ج (functions.php): یک قلاب اکشن wp_head اضافه کنید که تگ اسکریپت را خروجی میدهد
با همه قالبهای اصلی (Astra، GeneratePress، Divi، Elementor) و سازندگان صفحه سازگار است. هیچ تعارضی با افزونههای کشینگ ندارد — اسکریپت بهصورت مستقل بارگذاری میشود.
Wix
- مرحله ۱: به Settings > Custom Code بروید
- مرحله ۲: روی «Add Custom Code» کلیک کنید
- مرحله ۳: اسکریپت FlexyConsent را قرار دهید
- مرحله ۴: موقعیت را روی «Head» تنظیم کنید و برای «All pages» اعمال کنید
در همه طرحهای Wix که از کد سفارشی پشتیبانی میکنند کار میکند (طرح Business و بالاتر).
Squarespace
- مرحله ۱: به Settings > Advanced > Code Injection بروید
- مرحله ۲: اسکریپت را در بخش Header قرار دهید
- مرحله ۳: ذخیره کنید — بنر رضایت در همه صفحات نمایش داده میشود
HTML سفارشی / سایتهای ایستا
- مرحله ۱: فایل قالب HTML یا فایل چیدمان خود را باز کنید
- مرحله ۲: اسکریپت را قبل از </head> قرار دهید
- مرحله ۳: استقرار دهید — همین کافی است
با هر مولد سایت ایستا (Next.js، Gatsby، Hugo، Jekyll، Astro)، هر فریمورک (React، Vue، Angular) و هر ارائهدهنده هاستینگ کار میکند.
Google Tag Manager
- مرحله ۱: یک تگ HTML سفارشی جدید ایجاد کنید
- مرحله ۲: اسکریپت FlexyConsent را قرار دهید
- مرحله ۳: تریگر را روی «All Pages — Page View» تنظیم کنید
- مرحله ۴: اولویت را برای اجرا قبل از سایر تگها تنظیم کنید
هنگام استفاده از GTM، FlexyConsent بهطور خودکار با Google Consent Mode V2 یکپارچه میشود — نیازی به پیکربندی اضافی نیست.
پس از نصب: چه مواردی را بررسی کنید
- بنر نمایش داده میشود — سایت خود را در پنجره ناشناس مرور کنید
- Consent Mode فعال میشود — وضعیت رضایت را در Google Tag Assistant بررسی کنید
- TC String تولید میشود — در کنسول مرورگر با __tcfapi تأیید کنید
- آمارها همچنان کار میکنند — تأیید کنید که دادهها پس از پذیرش رضایت جریان دارند
- موبایل کار میکند — روی دستگاههای موبایل واقعی آزمایش کنید
مشکلات رایج و راهحلها
- بنر نمایش داده نمیشود؟ بررسی کنید که اسکریپت در <head> باشد، نه <body>. کش مرورگر خود را پاک کنید.
- بنر در هر بازدید نمایش داده میشود؟ مطمئن شوید که کوکیها توسط مرورگر یا افزونه حریم خصوصی شما مسدود نشدهاند.
- Google Ads ردیابی نمیکند؟ مطمئن شوید که اسکریپت FlexyConsent قبل از تگهای Google شما بارگذاری میشود.