Меню документації
Банер і декларація
Налаштування банера CookieHug: модель згоди, вигляд після згоди, посилання на налаштування cookie, власний інтерфейс і декларація cookie.
Налаштування банера
Налаштування в панелі
Вигляд банера повністю налаштовується в панелі CookieHug: кольори (тло, текст, кнопки), розташування (внизу, вгорі, модальне вікно по центру), тексти й описи, параметри шрифту та логотип.
Модель згоди (opt-in / opt-out / лише повідомлення)
У розділі Домен → Розширені → Політика згоди ви визначаєте, як банер поводиться з відвідувачем, який ще не зробив вибору:
| Модель | Поведінка до рішення |
|---|---|
| Opt-in (типова) | Без згоди нічого не працює: необов'язкові скрипти лишаються заблокованими, а всі сигнали Google Consent Mode стартують зі стану denied. Це правильна модель для ЄЕЗ (GDPR). |
| Opt-out | Згода припускається: сигнали стартують зі стану granted, скрипти працюють, але відвідувач будь-коли може заперечити. Використовується там, де це дозволяє закон (напр. частина США). |
| Лише повідомлення | Банер тільки інформує — вибору немає, використовуються лише необхідні cookie. Рішення зберігається з method: "notice_only" у cookie згоди. |
Модель визначає початковий стан перемикачів категорій, кнопки в банері та типові значення Google Consent Mode. За допомогою регіональних правил (geo-IP) можна залишити opt-in у Європі й показувати opt-out або лише повідомлення в інших регіонах світу.
Вигляд банера після згоди
Домен → Розширені → Політика згоди → вигляд банера після згоди визначає, що бачить відвідувач зі збереженим рішенням, коли банер відкривається знову:
- Підсумок (типовий, рекомендований з огляду на ст. 7(3) GDPR) — показує ідентифікатор згоди, дату й стан категорій із двома кнопками: відкликати згоду / змінити згоду. Відкликати згоду має бути так само легко, як її дати, і цей вигляд зводить усе до одного кліку.
- Редактор — повторне відкриття веде одразу до редактора категорій (класичний сценарій).
- Немає — банер ніколи не відкривається сам; відвідувачі доходять до нього через плаваючу іконку або виклик
CookieHug.show().
Власний інтерфейс згоди
Створіть власний інтерфейс за допомогою submitCustomConsent():
document.getElementById('my-accept-all')
.addEventListener('click', function() {
CookieHug.submitCustomConsent(true, true, true);
});
document.getElementById('my-reject-all')
.addEventListener('click', function() {
CookieHug.submitCustomConsent(false, false, false);
});
document.getElementById('my-save')
.addEventListener('click', function() {
var prefs = document.getElementById('pref-checkbox').checked;
var stats = document.getElementById('stats-checkbox').checked;
var mktg = document.getElementById('mktg-checkbox').checked;
CookieHug.submitCustomConsent(prefs, stats, mktg);
});Декларація cookie
Вставлення декларації
Щоб показати таблицю з декларацією cookie на вашому сайті (наприклад, на сторінці «Політика cookie»), додайте <div> з ідентифікатором cookiehug-declaration:
<div id="cookiehug-declaration"></div>CookieHug автоматично заповнить цей елемент таблицею всіх cookie, знайдених на вашому домені, згрупованих за категоріями.
Автоматичне сканування
CookieHug періодично сканує ваш сайт і автоматично класифікує cookie. Сканування також можна запустити вручну з панелі.
Ручне керування cookie
У панелі CookieHug ви можете: додавати cookie вручну, редагувати їхні описи та категорії, вказувати термін дії й призначати cookie категорії (необхідні, налаштування, статистика, маркетинг).