Как пользоваться: Генератор баннера cookie
- Выберите вид — полоса внизу, блок в углу или центрированное окно — и отредактируйте заголовок, текст и подписи кнопок.
- Оставьте Настройки включёнными, чтобы посетители могли выбрать категории (аналитика, маркетинг, предпочтения), и добавьте ссылку на политику конфиденциальности.
- Оставьте Google Consent Mode v2 включённым, если вы используете Google Analytics или Ads: вставьте фрагмент 1 в
<head>перед вашим тегом Google. - Вставьте фрагмент 2 перед
</body>и добавьте ссылку «Настройки cookie» на#cookie-settingsв подвале сайта.
Что делает баннер
- Показывается при первом визите и сохраняет выбор посетителя в
localStorage(не в cookie) на количество дней, которое вы задаёте. - Принять все, Отклонить все и Настройки — отказ делается одним кликом и так же заметен, как согласие, что требует GDPR.
- Любая ссылка на
#cookie-settingsснова открывает настройки, поэтому посетители могут изменить решение в любой момент. - Блокирует ваши другие теги до согласия: скрипты с
type="text/plain" data-cookie-category="analytics"(или marketing, preferences) и iframe сdata-srcзапускаются только после того, как посетитель принял эту категорию. Отзыв согласия перезагружает страницу, и они перестают работать. - Баннер генерирует событие
cookie-consentнаdocumentс выбором пользователя, так что другие скрипты можно загружать только после согласия.
Google Consent Mode v2
Фрагмент 1 задаёт все сигналы согласия Google — ad_storage, ad_user_data, ad_personalization и analytics_storage — как отклонённые до загрузки вашего тега Google. Когда посетитель делает выбор, баннер обновляет эти сигналы: аналитика передаёт analytics_storage, маркетинг — три рекламных сигнала. Google Analytics собирает полные данные только от тех, кто дал согласие, а от остальных отправляет обезличенные запросы без cookie. С марта 2024 года Google требует Consent Mode v2 для измерения рекламы в отношении посетителей Европейской экономической зоны.
Это технический инструмент, а не юридическая консультация: перечислите в политике конфиденциальности cookie, которые вы реально используете, и проверьте требования законодательства вашей страны. Также см.: Проверка тегов отслеживания, Генератор мета-тегов.
Также ищут как: баннер cookie gdpr, google consent mode v2, всплывающее окно cookie html, баннер cookie для webflow.
Инструменты, которые хорошо сочетаются с Генератор баннера cookie
- Генератор CSP — Выберите, что загружает ваш сайт: скрипты, стили, изображения, шрифты, аналитику, встраиваемые элементы.
- SEO-чекер и аудит сайта — Вставьте URL, и мы выполним до 70 проверок SEO на странице и полный аудит сайта: скорость по Lighthouse, заголовки безопасности и SSL, структурированные данные, битые ссылки, robots.txt и AI-краулеры, базовую доступность, трекинг и согласие, SPF/DKIM/DMARC и срок действия домена.
- HTML и CSS в Webflow — Вставьте HTML и его CSS, нажмите Скопировать в Webflow и вставьте результат в Designer.
- Анализатор заголовков письма — Вставьте исходные заголовки письма, чтобы увидеть весь его путь: каждый почтовый сервер и время, которое он потратил, результаты SPF, DKIM и DMARC, IP-адрес отправителя и тревожные признаки, например несовпадающие Reply-To или Return-Path.
Часто задаваемые вопросы
Как добавить баннер cookie в Webflow?
Вставьте фрагмент 1 в Site settings → Custom code → Head (перед тегом Google), а фрагмент 2 — в Footer code, затем опубликуйте сайт. Добавьте ссылку в подвале на #cookie-settings, чтобы посетители могли снова открыть баннер.
Блокирует ли он Google Analytics до согласия?
В режиме Consent Mode v2 Google Analytics загружается, но не сохраняет cookie, пока посетитель не разрешит аналитику — он отправляет только обезличенные сигналы. Чтобы полностью не пускать остальные скрипты, загружайте их в обработчике события cookie-consent.
Обязательна ли кнопка «Отклонить»?
По GDPR отказаться должно быть так же легко, как согласиться, и несколько регуляторов ЕС оштрафовали сайты, которые прятали отказ. По умолчанию генератор ставит «Отклонить» рядом с «Принять» с тем же весом.
Может ли он блокировать скрипты до согласия посетителей?
Да. Вставьте свои теги на шаге 3: каждому присваивается type="text/plain" и data-cookie-category, поэтому браузер не выполняет их. Баннер включает тег, когда посетитель принимает его категорию, а необходимые теги работают как обычно, по принципу списка разрешённых. Iframe, например встроенные видео YouTube, ожидают так же, через data-src.
Где хранится выбор?
В браузере посетителя (localStorage), с указанием версии и даты. Поэтому баннер появится снова по истечении заданного срока или при смене версии.
Можно ли установить Генератор баннера cookie как веб-приложение и пользоваться им офлайн?
Да. Генератор баннера cookie — это веб-приложение (PWA), которое можно установить из браузера, без скачивания из магазина приложений. В Chrome или Edge (Windows, macOS, Linux, ChromeOS) или на Android нажмите вверху этой страницы «Установить приложение»; на iPhone и iPad используйте «Поделиться → На экран «Домой»», а в Safari 17+ на Mac — «Файл → Добавить в Dock». После этого приложение откроется в отдельном окне со своим значком, и так как оно полностью работает в браузере, оно продолжит работать офлайн. Firefox на компьютере не умеет устанавливать веб-приложения. Как работает установка.