Баннер согласия на cookie: готовый HTML, CSS и JS
Готовый код баннера с кнопками принять и отклонить, запоминанием выбора и событием для счётчиков.
Как пользоваться
Введите текст, подписи кнопок и ссылку на политику.
Выберите положение и цвет.
Скопируйте код и вставьте перед </body>: в предпросмотре кнопки работают.
Пример расчёта
Метрику подключают так: if (window.cookieConsent === 'accepted') loadMetrika(); window.addEventListener('cookie-consent', e => e.detail === 'accepted' && loadMetrika());
Полезная информация
Баннер показывается, пока посетитель не выбрал, запоминает выбор в cookie и сообщает страницам о решении: событие cookie-consent и значение window.cookieConsent. Так счётчики и рекламные пиксели можно запускать только после согласия. Код не требует библиотек — вставьте его перед </body>.
Снизу вы увидите, как баннер выглядит на странице. Код собирается на сервере и не сохраняется.
Вопросы
Достаточно ли одного баннера, чтобы соответствовать закону?
Нет: баннер — часть решения. Нужны политика, отдельное согласие на обработку персональных данных и запуск аналитики после согласия. Детали уточните у юриста.
Где хранится выбор посетителя?
В cookie cookie_consent на заданное число дней. Значение — accepted (принял) или declined (отклонил).