РАЗНОЕ / Положение об использовании cookies

Заметка создана: 11 мая 2026 г.

Размещаем следующий код javascript в макете сайта, перед тегом </body>

<script>
    function checkCookies(){
    let cookieDate = localStorage.getItem('cookieDate');
    let cookieNotification = document.getElementById('cookieBlock');
    let cookieBtn = cookieNotification.querySelector('.cookie_accept');

    // Если записи про кукисы нет или она просрочена на 1 месяц, то показываем информацию про кукисы
    if( !cookieDate || (+cookieDate + 2592000) < Date.now() ){
        cookieNotification.classList.add('show');
    }

    // При клике на кнопку, в локальное хранилище записывается текущая дата в системе UNIX
    cookieBtn.addEventListener('click', function(){
        localStorage.setItem( 'cookieDate', Date.now() );
        cookieNotification.classList.remove('show');
    })
}
checkCookies();

$(function() {
    $('.btn-close').on('click', function(){
        $('#cookieBlock').removeClass('show');
    });
});
</script>

и код, который будет показывать окно с сообщением

<div id="cookieBlock" class="alert alert-dismissable">
      <span class="pe-4">Мы используем файлы cookie и другие аналитичекие данные. Они помогают нам улучшить ваше взаимодействие с сайтом. Оставаясь на сайте, вы даете согласие на обработку пользовательских данных. <a href="/cookies/" target="_blank" class="yellow">Положение об использовании cookie</a></span>
      <button type="button" class="btn btn-secondary cookie_accept">Принять</button>
      <button type="button" class="btn-close ms-4" data-bs-dismiss="alert" aria-hidden="true" title="Закрыть"></button>
</div>

Стили CSS

/*******************************/
#cookieBlock {
    position:fixed;
    display:none;
    bottom:0;
    left:0;
    right:0;
    z-index:1001;
    margin:0;
    background-color: hsla(0, 0%, 20%, 0.95);;
    padding:30px 120px 30px 80px;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}
#cookieBlock.show{
    display: flex;
}
#cookieBlock .btn-close {
    background: transparent url(/images/cross.svg) center center no-repeat;
}
/*******************************/
cookies