Водич за интеграцију 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): Додајте action hook wp_head који исписује ознаку скрипте
Компатибилно са свим главним темама (Astra, GeneratePress, Divi, Elementor) и градитељима страница. Без конфликата са додацима за кеширање — скрипта се учитава независно.
Wix
- Корак 1: Идите на Settings > Custom Code
- Корак 2: Кликните "Add Custom Code"
- Корак 3: Налепите FlexyConsent скрипту
- Корак 4: Поставите положај на "Head" и примените на "All pages"
Ради на свим Wix плановима који подржавају прилагођени код (пословни план и виши).
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 ознака.