Кіраўніцтва па інтэграцыі CMP: Shopify, WordPress, Wix і кастомныя сайты
Пытанне нумар адзін, якое мы чуем ад новых карыстальнікаў: «Як усталяваць FlexyConsent на мой сайт?» Адказ адзін і той жа незалежна ад платформы — устаўце адзін радок JavaScript перад закрывальным тэгам head. Але дакладныя крокі крыху адрозніваюцца для Shopify, WordPress, Wix, Squarespace і сайтаў, створаных на заказ. Гэта кіраўніцтва ахоплівае ўсе іх.
Універсальны падыход
FlexyConsent працуе з адным тэгам script. Ніякіх плагінаў, SDK або налады на баку сервера. Кожная платформа, якая дазваляе ўстаўляць кастомны HTML у раздзел head, падтрымлівае FlexyConsent. Скрыпт займае менш за 50 КБ і загружаецца асінхронна, гэта значыць нулявы ўплыў на хуткасць вашай старонкі.
Скрыпт:<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, які выводзіць тэг script
Сумяшчальна з усімі асноўнымі тэмамі (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>. Ачысціце кэш браўзера.
- Банер паказваецца пры кожным наведванні? Пераканайцеся, што файлы cookie не блакіруюцца вашым браўзерам або пашырэннем прыватнасці.
- Google Ads не адсочвае? Пераканайцеся, што скрыпт FlexyConsent загружаецца перад вашымі тэгамі Google.