CMP интеграция нұсқаулығы: Shopify, WordPress, Wix және арнайы сайттар
Жаңа пайдаланушылардан ең жиі естілетін сұрақ: "FlexyConsent-ті сайтыма қалай орнатамын?" Жауап платформаға қарамастан бірдей — жабылатын head тегінің алдына JavaScript-тің бір жолын қойыңыз. Бірақ нақты қадамдар Shopify, WordPress, Wix, Squarespace және тапсырыс бойынша жасалған сайттарда сәл өзгеше болады. Бұл нұсқаулық барлығын қамтиды.
Жалпыға арналған тәсіл
FlexyConsent бір ғана script тегімен жұмыс істейді. Плагиндер, SDK-лар, серверлік конфигурация қажет емес. Head бөліміне арнайы HTML қосуға мүмкіндік беретін кез келген платформа FlexyConsent-ті қолдайды. Сценарий 50 KB-тан аз және асинхронды түрде жүктеледі, яғни беттің жылдамдығына ешқандай әсер жоқ.
Сценарий:<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 арқылы тексеріңіз
- Аналитика жұмыс істейді — келісімді қабылдағаннан кейін деректер ағатынын растаңыз
- Мобильді жұмыс істейді — нақты мобильді құрылғыларда сынаңыз
Жиі кездесетін мәселелер мен шешімдер
- Баннер көрінбейді? Сценарий <head>-де, <body>-де емес екенін тексеріңіз. Браузер кэшін тазалаңыз.
- Баннер әр келушіде пайда болады? Cookies браузеріңізбен немесе құпиялылық кеңейтімімен бұғатталмағанын тексеріңіз.
- Google Ads бақыламайды? FlexyConsent сценарийі Google тегтеріңізден бұрын жүктелетінін қамтамасыз етіңіз.