Что такое cookie

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

Закон о персональных данных

По №152-ФЗ счетчики аналитики создают cookie, которые могут считаться персональными данными и у пользователя необходимо запросить согласие на обработку ПД.

Как работает скрипт

При загрузке страницы пользователю показывается сообщение, что его cookie будут обрабатываться. Его выбор запоминается на устройстве, а в случае принятия загружается счетчик Яндекс.Метрики.

Инструкция

Необходимо скачать файл, подключить его в коде страницы и добавить необходимые настройки:

CookieConfirmation.init({
  css: '.use-cookies{position:fixed;bottom:15px;left:15px;right:15px;z-index:100;background-color:#0071c2;color:#fff;border-radius:5px;border:1px solid #fff;padding:20px;display:none;justify-content:space-between;align-items:center;font-size:15px;gap:20px;box-sizing:border-box;flex-direction:column}.use-cookies--active{display:flex;}.use-cookies__button{display:flex;align-items:center;justify-content:center;gap:10px}.use-cookies__button a:hover{color:white}.use-cookies__accept,.use-cookies__decline{display:inline-block;border:1px solid #fff;cursor:pointer}.use-cookies__accept{padding:5px 40px}.use-cookies__decline{padding:5px 15px;color:white}@media (min-width:960px){.use-cookies{left:calc(50% - 400px);width:800px;bottom:15px;gap:10px;flex-direction:row}.use-cookies__accept{padding:5px 30px}.use-cookies__decline{padding:5px 20px}}.use-cookies__text a{color:white;text-decoration:underline}.use-cookies__text a:after{content:"🍪";position:absolute;margin-left:5px}',
  text: 'На сайте используется счетчик аналитики для улучшения работы. ',
  url: {
    url: '/documents/cookie',
    text: 'Подробнее про cookie',
  },
  accept: {
    text: 'Принять',
    onclick: () => {
      // Инициализация счетчика
      window.ym(0, "init", {
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true,
        webvisor:true
      });
      console.log('accept');
    }
  },
  decline: {
    show: true,
    text: 'Отклонить',
    onclick: () => {
      console.log('decline');
    }
  },
  cookiesKey: 'use_cookies',
});