Кто ещё не поставил баннер о cookies на сайт — держите готовое решение под Tilda.
Полностью адаптивный, вписывается в дизайн, не требует регистрации и сторонних сервисов.
Что делает:
– Показывает аккуратную плашку снизу с кнопкой «Принять»
– Подтягивает ссылку на вашу политику конфиденциальности
– Скрывается после нажатия и не показывается повторно
– Работает автоматически на всех страницах
Как установить:
1. Создайте отдельную страницу в Tilda (например, cookies)
2. Вставьте туда один блок T123 (HTML-код)
3. Вставьте скрипт (см. ниже)
4. Перейдите в Настройки сайта → Шапка и подвал
5. Назначьте эту страницу как подвал (footer)
6. Сохраните и опубликуйте сайт
Как настроить:
Ссылку на политику конфиденциальности меняем вот тут:
<a href="https://vashsait.ru/privacy-policy" target="_blank">
Готовый скрипт:
<div id="cookieBanner" style="position:fixed; bottom:0; left:0; width:100%; background:#1a1a1a; color:#fff; padding:20px; z-index:9999; font-size:14px; font-family:'Arial', sans-serif; text-align:center; border-top:2px solid #000;">
<p style="margin:0 0 10px;">Мы используем cookies для улучшения работы сайта. Подробнее —
<a href="https://vashsait.ru/privacy-policy" target="_blank" style="color:#ccff00; text-decoration:none;">в политике конфиденциальности</a>.
</p>
<button id="acceptCookies" style="background:#ccff00; color:#000; border:none; padding:10px 18px; border-radius:6px; font-weight:bold; cursor:pointer;">Принять</button>
</div>
<script>
document.addEventListener("DOMContentLoaded", function () {
if (localStorage.getItem("cookiesAccepted")) {
document.getElementById("cookieBanner").style.display = "none";
}
document.getElementById("acceptCookies").addEventListener("click", function () {
localStorage.setItem("cookiesAccepted", true);
document.getElementById("cookieBanner").style.display = "none";
});
});
</script>
Подсказка по цветам:
#1a1a1a — фон баннера (можно заменить на, например, #ffffff)
#ccff00 — лаймовый цвет кнопки и ссылки
#fff — белый текст, #000 — чёрный текст на кнопке
Просто замените значения в скрипте — и баннер станет под ваш стиль.
Готово! Пользуемся
Подписывайтесь на наш тг канал, там еще больше полезного Vakilova.Ai