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