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

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

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

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

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

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

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

HTML:

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

CSS:

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

JS:

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

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

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

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

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

  • Миха:

    Автору плюс к карме!
    Но вот с че я столкнулся:
    Браузер ругается и сообщает, что есть ошибка в этой строке:
    // показываем
    cookiewin.style.display="block";

    Но я понять не могу, что не так?
    Где искать и как править.

    Ответить
    • Alexander:

      А какая именно ошибка в консоле?

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

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

    Ответить
    • Alexander:

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

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

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

          Ответить
          • Alexander:

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

            Ответить
      • Ник:

        Здравствуйте! Можно ли как то адаптировать скрипт под другое? У меня есть небольшие плашки уведомдений, который можно закрыть, но обновив страницу мы их снова наблюдаем. Пробовал подбить код – не получилось…

        Ответить
        • Alexander:

          JS код дан с куками, чтобы окно не показывалось при обновлении страницы и вообще, сроком на 1 день.
          Если у вас оно вылетает заного, то проблема где то в них.

          Ответить
          • Nik:

            понял, ну вот сижу неделю. Размышляю..

            что могу делать не так — для меня аока загадка…

            Ответить
            • Alexander:

              Дайте ссылку на результат, погляжу что у вас там как.

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

      Светлана, да!
      Придётся это сделать поочередно! :0)

      Господа и дамы! Всех с наступающим!

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

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

    Ответить
    • Alexander:

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

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

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

        Ответить
          • Николай:

            нашел ошибку и даже не написал в чем она была…

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

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

    Ответить
    • Alexander:

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

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

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

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

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

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

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

    Ответить