CMP ஒருங்கிணைப்பு வழிகாட்டி: Shopify, WordPress, Wix & தனிப்பயன் தளங்கள்
புதிய பயனர்களிடமிருந்து நாங்கள் கேட்கும் முதல் கேள்வி: "எனது தளத்தில் FlexyConsent-ஐ எப்படி நிறுவுவது?" தளம் எதுவாக இருந்தாலும் பதில் ஒன்றுதான் — மூடும் head குறிச்சொல்லுக்கு முன் ஒரு வரி JavaScript-ஐ ஒட்டவும். ஆனால் Shopify, WordPress, Wix, Squarespace மற்றும் தனிப்பயனாக உருவாக்கப்பட்ட தளங்களுக்கு சரியான படிகள் சற்று வேறுபடுகின்றன. இந்த வழிகாட்டி அவை அனைத்தையும் உள்ளடக்கியது.
உலகளாவிய அணுகுமுறை
FlexyConsent ஒரே script குறிச்சொல்லுடன் வேலை செய்கிறது. செருகுநிரல்கள் இல்லை, SDK-கள் இல்லை, சேவையக-பக்க உள்ளமைவு இல்லை. head பகுதியில் தனிப்பயன் 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): script குறிச்சொல்லை வெளியிடும் 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-உடன் ஒருங்கிணைகிறது — கூடுதல் உள்ளமைவு தேவையில்லை.
நிறுவலுக்குப் பிறகு: எதைச் சரிபார்க்க வேண்டும்
- பேனர் தோன்றுகிறது — உங்கள் தளத்தை மறைநிலை சாளரத்தில் பார்வையிடவும்
- Consent Mode இயங்குகிறது — ஒப்புதல் நிலையை Google Tag Assistant-இல் சரிபார்க்கவும்
- TC String உருவாகிறது — உலாவி கன்சோலில் __tcfapi மூலம் சரிபார்க்கவும்
- பகுப்பாய்வு இன்னும் வேலை செய்கிறது — ஒப்புதல் ஏற்ற பிறகு தரவு ஓடுவதை உறுதிப்படுத்தவும்
- மொபைல் வேலை செய்கிறது — உண்மையான மொபைல் சாதனங்களில் சோதிக்கவும்
பொதுவான சிக்கல்கள் மற்றும் தீர்வுகள்
- பேனர் காட்டப்படவில்லையா? ஸ்கிரிப்ட் <body>-இல் அல்ல, <head>-இல் உள்ளதா எனச் சரிபார்க்கவும். உங்கள் உலாவி கேச்சை அழிக்கவும்.
- ஒவ்வொரு வருகையிலும் பேனர் காட்டப்படுகிறதா? உங்கள் உலாவி அல்லது தனியுரிமை நீட்டிப்பால் குக்கீகள் தடுக்கப்படவில்லை என்பதை உறுதிசெய்யவும்.
- Google Ads கண்காணிக்கவில்லையா? உங்கள் Google குறிச்சொற்களுக்கு முன் FlexyConsent ஸ்கிரிப்ட் ஏற்றப்படுவதை உறுதிசெய்யவும்.