Создание сообщения об использовании куки (cookie)

В данной теме рассмотрено создание внизу страницы небольшого модального окна с текстом об использовании сайтом файлов cookies и двумя кнопками: закрыть окно и перейти на политику конфиденциальности.

Уж не знаю зачем придумали это недоразумение, т.к. куки используются практически на всех сайтах. Это счетчики посещений, реклама, виджеты соц сетей или обратной связи. авторизация пользователей и т.д.

Нужно ли использовать такое предупреждение и на каких сайтах, я не знаю, в подробности не вдавался. Но можно почитать, например «Обязательно ли на данный момент наличие уведомлений об обработке файлов cookie на сайте интернет-магазина?» или «Как избежать штрафов за куки и политику конфиденциальности» (публикации не новые, может еще законов напридумывали) или поискать в интернетах.

Меня просили пару раз поставить такое окошко, поэтому и решил сделать такую заметку.

Если на сайте используется CMS WordPress, то можно воспользоваться плагином Cookie Notice for GDPR & CCPA (посмотреть скриншот его настроек) или дргуими.

Для самостоятельной установки используем коды ниже

HTML:

Можно расположить в любой части страницы

CSS:

Стили кнопок взяты из темы: «Оформление кнопок на CSS». При желании можно выбрать другие или использовать свои.

JS:

В примере на сайте не используются куки, и обновив страницу после закрытия окна, оно появится снова.

Смотрите также:

Добавить комментарий:

Ваш комментарий отправлен!

Комментарии:

  • Котюшка:

    Вижу, что сверху написано про то, что сайт не использует куки, но как сделать так, чтобы при перезагрузке уведомление исчезало?

    Ответить
    • Alexander:

      Код в примере с куками, должно бы работать.
      А сайт можно посмотреть? Что то с ними у вас не так, или с их путями.
      Или в ВК напишите, там проще будет разобраться

      Ответить
  • Котюшка:

    Привет! я вставляю js, кука отоброжается, но при перезагрузке страницы уведомление снова появляется, хотя кука сохранена

    Ответить
  • irmaseo.ru:

    очень интересная статья

    Ответить