Готовый код для Вывода предупреждения об использовании cookies
Материал из Umicms
Версия от 10:24, 27 марта 2025; Bvolkov (обсуждение | вклад)
Актуально для 24 версии
Полностью готовый код для вывода предупреждения об использовании cookies, необходимо только поменять ссылку на Вашу страницу с условиями и при желании изменить дизайн.
<div id="cookie-banner" style="display: none; position: fixed; bottom: 0; left: 0; right: 0; background: #f1f1f1; padding: 15px; text-align: center; box-shadow: 0 -2px 10px rgba(0,0,0,0.1); z-index: 9999;">
<p style="margin: 0 0 15px 0;">Мы используем cookies для улучшения работы сайта. Продолжая использование сайта, вы соглашаетесь с
<a href="http://здесь ссылка на необходимую страницу с условиями" target="_blank" style="color: #0066cc;">Политикой конфиденциальности</a>.
</p>
<div style="display: flex; justify-content: center; gap: 10px;">
<button id="accept-cookies" style="background: #0066cc; color: white; border: none; padding: 8px 15px; cursor: pointer; border-radius: 4px;">Принять</button>
<button id="reject-cookies" style="background: #ccc; color: #333; border: none; padding: 8px 15px; cursor: pointer; border-radius: 4px;">Отклонить</button>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const cookieBanner = document.getElementById('cookie-banner');
const acceptCookiesBtn = document.getElementById('accept-cookies');
const rejectCookiesBtn = document.getElementById('reject-cookies');
// Проверяем, было ли уже принято/отклонено согласие
if (!document.cookie.includes('cookiesAccepted=')) {
cookieBanner.style.display = 'block';
}
// При нажатии "Принять" – записываем куку на 1 час
acceptCookiesBtn.addEventListener('click', function() {
document.cookie = "cookiesAccepted=true; max-age=3600; path=/"; // 3600 сек = 1 час
cookieBanner.style.display = 'none';
});
// При нажатии "Отклонить" – записываем куку на 1 час (но можно и просто закрыть баннер)
rejectCookiesBtn.addEventListener('click', function() {
document.cookie = "cookiesAccepted=false; max-age=3600; path=/";
cookieBanner.style.display = 'none';
});
});
</script>
Куда вставить код?
Всё зависит от реализации Вашего шаблона, пример будет на стандартном бесплатном шаблоне Демомаркет. Код можно вставить в файл index.phtml по директории /templates/demomarket/php/layout
Перед закрывающимся тегом </body>
Вот как выглядит этот код на Демомаркете по установленный по этой директории:
