Як додати згоду на cookie на ваш сайт

Щоб додати згоду на cookie, спочатку складіть список того, що ваш сайт зберігає у браузерах відвідувачів, і розподіліть це на строго необхідне та необов'язкове. Потім додайте банер — із платформи керування згодою або створений самостійно — який блокує необов'язкові скрипти, як-от аналітику та пікселі реклами, доки відвідувач не прийме їх; пропонує «Відхилити» так само легко, як «Прийняти»; запам'ятовує вибір і дозволяє змінити його пізніше. Банер, який відображається, але нічого не блокує, своєї функції не виконує.

Цей посібник містить загальну інформацію про те, як технічно працюють банери згоди, і не є юридичною порадою. Правила конфіденційності різняться залежно від країни й змінюються; перевірте правила, що стосуються ваших відвідувачів, або зверніться до консультанта.

Що потребує згоди (загалом)

Правила щодо cookie зазвичай охоплюють cookie та подібні технології: localStorage, пікселі відстеження, зняття відбитків пристрою. Звичайний поділ, на основі рекомендацій ЄС і Великої Британії:

Деякі особливості, які легко зрозуміти неправильно:

• ЄС і Велика Британія використовують модель opt-in: необов'язкові cookie чекають, доки відвідувач погодиться. Рекомендації регуляторів, як-от ICO у Великій Британії, кажуть, що згода має бути чіткою позитивною дією, а люди мають мати змогу легко ввімкнути або вимкнути необов'язкові cookie.
• Велика Британія змінилася у 2025 році. Data (Use and Access) Act 2025 дозволяє встановлювати деякі cookie без згоди, зокрема аналітику, що використовується лише для покращення вашого сайту й формує сукупну статистику, яка не може ідентифікувати людей, — з обов'язком чітко повідомити користувачів. Перш ніж покладатися на це, прочитайте поточні рекомендації ICO.
• Декілька штатів США використовують модель opt-out для «продажу» або «передачі» персональних даних для таргетованої реклами, а деякі очікують, що ви поважатимете сигнал Global Privacy Control на рівні браузера.
• Реклама Google: станом на вересень 2026 року Google вимагає, щоб видавці, які використовують AdSense, Ad Manager або AdMob, застосовували сертифіковану Google платформу керування згодою, інтегровану з Transparency and Consent Framework IAB, коли показують рекламу в EEA, Великій Британії та Швейцарії.

Варіанти: CMP, бібліотека або власне рішення

Останній варіант недооцінюють. Якщо вам потрібна лише кількість відвідувачів, інструмент аналітики без cookie у багатьох місцях може прибрати потребу в банері — перевірте його документацію та локальні правила.

Якщо ви використовуєте рекламу Google в Європі, сертифікована CMP — практичний вибір. Для сайту малого бізнесу лише з аналітикою часто достатньо добре зробленого власного банера або бібліотеки.

Як працює банер «під капотом»

Частину, яку люди пропускають, — це блокування. Правильне налаштування виглядає так:

1. До будь-якого вибору працюють лише необхідні cookie та скрипти. Аналітика, пікселі та вбудовування взагалі не завантажуються (або, з тегами Google, завантажуються з позначкою згоди «відхилено»).
2. Банер показує зрозумілі варіанти на першому рівні: «Прийняти все», «Відхилити все» та спосіб вибрати за категоріями.
3. Після вибору сайт зберігає його — зазвичай у cookie першої сторони або localStorage — з версією та датою, а потім завантажує лише прийняті категорії.
4. При наступних відвідуваннях збережений вибір зчитується до завантаження будь-чого необов'язкового.
5. Посилання «Налаштування cookie», зазвичай у підвалі сторінки, дозволяє повторно відкрити вибір у будь-який час. Відкликати згоду має бути так само легко, як її надати.
6. Якщо ви змінили те, що використовуєте, підніміть версію, щоб людей знову запитали.

Режим згоди Google

Для Google Analytics та Google Ads режим згоди Google пов'язує теги з банером. Станом на вересень 2026 року документація Google описує чотири основні типи згоди: ad_storage, analytics_storage, ad_user_data і ad_personalization. Ви встановлюєте значення за замовчуванням до завантаження тегу Google, а потім оновлення, коли відвідувач робить вибір:

gtag('consent', 'default', {
  ad_storage: 'denied',
  ad_user_data: 'denied',
  ad_personalization: 'denied',
  analytics_storage: 'denied'
});
// пізніше, коли відвідувач приймає лише аналітику:
gtag('consent', 'update', { analytics_storage: 'granted' });

Google описує базову реалізацію, де теги не завантажуються до згоди, і розширену, де теги завантажуються з відмовою в згоді та надсилають сигнали без cookie. Базову простіше зрозуміти. Для трафіку з EEA Google очікує, що сигнали ad_user_data і ad_personalization надсилатимуться. Про сам тег див. як налаштувати Google Analytics.

Промпти, які працюють

Додай банер згоди на cookie. Категорії: необхідні (завжди увімкнено), аналітика (Google Analytics 4) і маркетинг (піксель Meta). Нічого з аналітики чи маркетингу не має завантажуватися до згоди. Перший екран: «Прийняти все», «Відхилити все» та «Налаштувати» з однаковою помітністю. Зберігай вибір із номером версії та датою в cookie першої сторони на 6 місяців, завантажуй лише прийняті категорії та додай у підвал посилання «Налаштування cookie», яке знову відкриває банер. Використай режим згоди Google з усіма чотирма типами за замовчуванням «відхилено».

Склади список кожного cookie, ключа localStorage і стороннього скрипта, які використовує цей сайт, вкажи, на якій сторінці вони завантажуються, і чи є вони строго необхідними. Виведи таблицю, яку я можу використати для політики cookie.

Вбудовані відео YouTube на /about завантажуються до згоди. Заміни їх мініатюрою та кнопкою відтворення, яка завантажує відео лише після натискання відвідувачем, і покажи примітку, що YouTube може встановлювати cookie.

Крок за кроком

1. Проаудитуйте, що встановлює ваш сайт: відкрийте DevTools → Application → Cookies і Local Storage під час першого відвідування та перевірте вкладку Network на сторонні запити. Враховуйте вбудування та віджети чату.
2. Категоризуйте кожен елемент: необхідний, вподобання, аналітика, маркетинг. Видаліть усе, чим не користуєтеся.
3. Визначте підхід: CMP, бібліотека або власне рішення — за таблицею вище.
4. Реалізуйте блокування, щоб необов'язкові скрипти завантажувалися лише після згоди. Для тегів Google додайте значення режиму згоди за замовчуванням перед тегом.
5. Створіть банер з однаково помітними варіантами «Прийняти» і «Відхилити», вибором категорій і посиланням на налаштування.
6. Напишіть політику cookie (часто це частина політики конфіденційності), де перелічено, що ви використовуєте і навіщо; див. як написати умови використання та політику конфіденційності.
7. Протестуйте в приватному вікні: до вибору — жодних необов'язкових cookie чи запитів; після відхилення — досі жодних; після прийняття — з'являються потрібні; після зміни рішення — зникають.
8. Перевіряйте знову щоразу, коли додаєте новий інструмент.

Типові помилки

• Банер, який нічого не блокує. Скрипти запускаються під час завантаження сторінки, поки банер ввічливо запитує дозвіл.
• «Прийняти» — велика кнопка, а «Відхилити» захована на другому екрані або в сірому посиланні.
• Попередньо позначені категорії або перемикачі «законного інтересу», увімкнені за замовчуванням.
• Немає способу передумати після першого вибору.
• Забуті вбудування: YouTube, карти, стрічки соцмереж та віджети чату також можуть встановлювати cookie.
• Питання при кожному завантаженні сторінки, бо вибір не зберігається належним чином.
• Банер закриває сторінку на телефонах або блокує фокус клавіатури. Зробіть його доступним і достатньо маленьким, щоб можна було прочитати сторінку далі.
• Копіювання чужої політики, яка описує cookie, які ви не використовуєте.

Контрольний список згоди

• Кожен cookie, ключ сховища та сторонній скрипт перелічено й категоризовано
• Необов'язкові скрипти заблоковано до згоди (перевірено в DevTools)
• «Прийняти» та «Відхилити» однаково легко натиснути на першому рівні
• Є вибір категорій; нічого необов'язкового не вибрано за замовчуванням
• Вибір зберігається з версією та датою; питають знову після змін
• Посилання «Налаштування cookie» є на кожній сторінці
• Значення режиму згоди Google встановлено перед тегами Google, якщо вони використовуються
• Політика cookie або конфіденційності відповідає тому, що сайт справді робить
• Правила для країн ваших відвідувачів перевірено за актуальними рекомендаціями або з консультантом

Для загального контексту прочитайте що таке cookie і що таке GDPR.

Згода на cookie в Mythex

Mythex сам по собі не додає до вашого застосунку банер згоди чи аналітику — це те, що ви замовляєте самі, тож ви вирішуєте, що завантажується. Спершу виконайте промпт аудиту, потім промпт банера з вашими реальними категоріями і протестуйте в попередньому перегляді з відкритим DevTools перед публікацією. Якщо ви використовуєте хостингову CMP, вона дає скрипт і ідентифікатор; ідентифікатор є публічним і може бути у фронтенд-коді, а все секретне належить до налаштувань проєкту (змінні середовища та секрети). Після змін публікуйте знову, щоб живий сайт використовував новий банер.

Запитання