Как добавить согласие на cookie на сайт

Чтобы добавить согласие на cookie, сначала составьте список того, что ваш сайт сохраняет в браузерах посетителей, и разделите это на строго необходимое и необязательное. Затем добавьте баннер — из платформы управления согласием (CMP) или собственного — который блокирует необязательные скрипты, такие как аналитика и пиксели рекламы, пока посетитель не согласится. Кнопка «Отклонить» должна быть так же легко доступна, как «Принять», баннер должен запоминать выбор и позволять его изменить позже. Баннер, который просто показывается, но ничего не блокирует, свою задачу не выполняет.

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

Что требует согласия (в общих чертах)

Правила о 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 consent mode

Для Google Analytics и Google Ads consent mode 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 consent mode, все четыре типа по умолчанию — отказано.

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

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

Пошагово

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

Частые ошибки

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

Чек-лист согласия

• Каждый cookie, ключ хранилища и сторонний скрипт перечислен и распределён по категориям
• Необязательные скрипты заблокированы до согласия (проверено в DevTools)
• «Принять» и «Отклонить» одинаково легко доступны на первом уровне
• Есть выбор по категориям; ничего необязательного не выбрано заранее
• Выбор сохраняется с версией и датой; после изменений спрашиваем снова
• Ссылка «Настройки cookie» есть на каждой странице
• Значения по умолчанию Google consent mode заданы до тегов Google, если они используются
• Политика cookie или конфиденциальности соответствует реальной работе сайта
• Правила для стран ваших посетителей проверены по актуальным рекомендациям или у юриста

Для общего понимания прочитайте что такое cookie и что такое GDPR.

Согласие на cookie в Mythex

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

Вопросы