Ръководство за интеграция на CMP: Shopify, WordPress, Wix и собствени сайтове
Основният въпрос, който чуваме от нови потребители: „Как да инсталирам FlexyConsent на сайта си?“ Отговорът е един и същ независимо от платформата — поставете един ред JavaScript преди затварящия таг head. Но точните стъпки се различават леко за Shopify, WordPress, Wix, Squarespace и сайтове, изградени по поръчка. Това ръководство обхваща всички тях.
Универсалният подход
FlexyConsent работи с един единствен скрипт таг. Без плъгини, без SDK-та, без конфигурация на сървърна страна. Всяка платформа, която позволява персонализиран HTML в раздела head, поддържа 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
- Вариант А (без плъгин): Appearance > Theme Editor > header.php > поставете преди </head>
- Вариант Б (с плъгин): Инсталирайте произволен плъгин „Insert Headers“ > поставете скрипта в раздела Head
- Вариант В (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 — без допълнителна конфигурация.
След инсталацията: Какво да проверите
- Банерът се показва — посетете сайта си в прозорец инкогнито
- Consent Mode се задейства — проверете Google Tag Assistant за статуса на съгласие
- TC String се генерира — проверете в конзолата на браузъра с __tcfapi
- Анализите продължават да работят — потвърдете, че данните текат след приемане на съгласие
- Мобилното устройство работи — тествайте на реални мобилни устройства
Чести проблеми и решения
- Банерът не се показва? Проверете дали скриптът е в <head>, а не в <body>. Изчистете кеша на браузъра.
- Банерът се показва при всяко посещение? Уверете се, че бисквитките не са блокирани от браузъра ви или разширение за поверителност.
- Google Ads не проследява? Уверете се, че скриптът на FlexyConsent се зарежда преди Google таговете.