Генератор текста cookie-баннера онлайн — уведомление о cookie

Сайт считает посетителей Метрикой, где-то стоит рекламный пиксель, форма собирает заявки. Значит, посетителя надо уведомить о сборе данных и дать ссылку на политику конфиденциальности. Обычно на этом всё и встаёт: текст писать некому, а разработчик занят.

Генератор собирает и само уведомление, и готовый фрагмент кода. Прямо в браузере, без программиста.

Кому пригодится

Маркетологу, который запускает лендинг и не хочет ждать разработчика. SEO-специалисту, который проверяет чужой сайт перед сдачей. Владельцу небольшого сайта на любой CMS: фрагмент вставляется в шаблон, лезть в код модулей не придётся.

Отдельной статьи про cookie-баннер в российском законе нет. Требование растёт из 152-ФЗ: cookie и данные счётчиков вместе с IP-адресом считают персональными данными, а значит, человека полагается предупредить и показать ему политику. Баннер закрывает это привычным способом, к которому все привыкли.

Как пользоваться

Впишите название сайта и ссылку на политику конфиденциальности. Оба поля можно оставить пустыми: без названия в тексте появится «нашего сайта», без ссылки пропадёт упоминание политики. Со ссылкой выходит полнее, потому что генератор назовёт политику в уведомлении и добавит на неё ссылку в код.

Дальше отметьте, что у вас реально работает:

• файлы cookie;
• Яндекс.Метрика;
• Google Analytics;
• рекламные пиксели.

Cookie и Метрика отмечены сразу, остальное включайте по факту. Текст пересобирается на лету, пока вы печатаете. Внизу два результата: само уведомление и фрагмент HTML с кнопкой «Принять». У каждого своя кнопка копирования.

Вот что получается с настройками по умолчанию: Мы используем файлы cookie и Яндекс.Метрику, чтобы сайт example.ru работал корректно, а также для анализа посещаемости и улучшения сервиса. Продолжая пользоваться сайтом, вы соглашаетесь на обработку данных в соответствии с Политикой конфиденциальности. Отметите пиксели, и они встанут в это же перечисление.

Куда вставить фрагмент

Место одно: перед закрывающим тегом body, в общем шаблоне сайта, а не на одной странице. Дальше фрагмент работает сам. Он показывается один раз, а после нажатия «Принять» сохраняет согласие в localStorage браузера и больше не появляется.

• Битрикс: footer.php вашего шаблона, обычно в папке local/templates.
• WordPress: footer.php дочерней темы или любой плагин для вставки кода в подвал.
• Tilda: настройки сайта, раздел с HTML-кодом для вставки внутрь body.
• Drupal: блок с произвольным HTML в регион подвала либо шаблон html.html.twig темы.

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

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

Чего фрагмент не делает

Он простой, и это стоит понимать до того, как код уедет на боевой сайт.

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

Счётчиками он не управляет. Метрика и пиксели грузятся как грузились, до нажатия кнопки и независимо от ответа. Если вам нужна загрузка счётчиков только после согласия, это делает разработчик: скрипты вешают на событие и запускают после клика.

Политику он не заменяет. Баннер только уведомляет и ссылается на документ. Самого документа у него внутри нет.

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

• Текст баннера и политика разошлись. В баннере перечислены пиксели, в политике про них ни слова, или наоборот. Поменяли набор счётчиков, пересоберите оба текста.
• Ссылка на политику ведёт на 404. Проверьте адрес после переноса сайта: страницу часто теряют при смене CMS.
• Баннер перекрывает кнопку на телефоне. Полоса висит внизу экрана, а под ней прячется форма или виджет чата. Откройте сайт на телефоне и посмотрите сами.
• Фрагмент вставили на одну страницу. Посетитель заходит с блога и уведомления не видит.
• Баннер поставили, а форма заявки так и осталась без согласия на обработку данных. Это разные вещи, галочку у формы баннер не отменяет.

Заполните пару полей, скопируйте фрагмент и вставьте его в шаблон. Ни текст, ни код никуда не уходят: всё собирается у вас в браузере, и баннер на сайте тоже работает автономно. Политики конфиденциальности на сайте пока нет? Её текст соберёт генератор политики по 152-ФЗ.