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

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

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

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

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

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

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

HTML:

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

CSS:

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

JS:

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

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

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

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

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

  • Светлана:

    Подскажите пню. ))) Надо вставлять все эти три кода в соответствующие места?

    Ответить
    • Alexander:

      CSS обычно в шапку, JS в подвал, а HTML в любое место страницы.

      Ответить
        • Светлана:

          Можно еще тупой вопрос? Я делаю сайт на webflow и модальное окошко уведомления делаю прям в редакторе. Мне надо тогда только JS вставить в подвал? Или так оно не сработает? И надо со всеми русскими словами переносить? ))) Не знаю об этом ничего. ))

          Ответить
          • Alexander:

            Я без понятия как на webflow….
            Это одна из причин, почему не люблю всякого рода редакторы, контсрукторы и т.д.
            Глядеть нужно, как там что устроено.

            Ответить
  • Андрей:

    Нужно доработать скрипт, при обновлении страницы снова вылазит оповещение.

    Ответить
    • Alexander:

      Код, который описан — там с куками
      Код, который используется для примера — нет кук (иначе, если нужно будет еще раз увидеть это окошко, вы его не увидите).

      Ответить
      • Андрей:

        Спасибо, ещё вопросик по ошибке:
        Uncaught TypeError: Cannot read property 'style' of undefined
        at script.js?ver=1.1:13
        что он означает?

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

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

    Ответить
    • Alexander:

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

      Ответить
      • Андрей:

        Тут же у них на сайте тож глюкнутый скрипт, при обновлении страницы снова вылазит

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

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

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

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

    Ответить