Скрипт уведомление на сайте об использовании Cookie

Cookie (или «куки») — это небольшой текстовый файл, который веб-сайт сохраняет на устройстве пользователя (компьютере, смартфоне и т.д.) через браузер. Cookies используются для хранения информации, которая помогает сайту «запоминать» пользователя и его действия. Уведомление пользователей об использовании cookies необходимо по нескольким причинам, связанным с юридическими, этическими и практическими аспектами. В данной заметке, я решил разместить пример простого скрипта для уведомления об использовании cookies на сайте, т.к. уверен в будущем он еще многократно пригодится как мне, так возможно и вам. Это базовый вариант, который можно адаптировать под ваши нужды.

Код скрипта

Код размещаемый в шаблона на PHP:

Просмотр кода PHP

<?php if(!isset($_COOKIE['messages_cookies'])):?>
<div class="cookie-alert">
	<p>Мы используем файлы cookies для улучшения работы сайта. Оставаясь на сайте, вы соглашаетесь с условиями использования файлов cookies. <br/>
	Ознакомиться с Положением о конфиденциальности и об использовании файлов cookie, нажмите <a href="/privacy/">здесь</a>.</p>
	<a href="javascript://" class="accept-cookie">Принять</a>
</div>
<?php endif?>

Стили CSS:

Просмотр кода CSS

.cookie-alert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    background: #fff;
    padding: 20px;
    text-align: center;
}
.cookie-alert p {
    display: block;
    float: left;
    text-align: center;
    width: 100%;
}
.cookie-alert a.accept-cookie {
    display: inline-block;
    max-width: 200px;
    background: #1a8ef1;
    color: #FFF;
    padding: 5px 10px;
    border-radius: 5px;
}

Скрипт на JavaScript:

Просмотр кода JAVASCRIPT

const alertblock = document.querySelector(".cookie-alert")
const button = document.querySelector(".accept-cookie")
button.onclick = () => {
    	alertblock.style.display = 'none';
	document.cookie = "messages_cookies=true; max-age=31556926";
	return false;		
};
 
var results = document.cookie.match(/messages_cookies=(.+?)(;|$)/);
if(Array.isArray(results) && "1" in results && results[1] == 'true') {
    	alertblock.style.display = 'none';
}

Cookies — это инструмент, который делает интернет удобнее, но требует внимания к вопросам приватности, поэтому о них и уведомляют пользователей. Уведомление о cookies — это не просто формальность, а способ соблюсти закон, уважать права пользователей и поддерживать доверие.