Готовый код для Вывода предупреждения об использовании cookies

Материал из Umicms
Перейти к:навигация, поиск


Актуально для 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>

Вот как выглядит этот код на Демомаркете по установленный по этой директории:

Куки готовые.jpg