В тексте баннера (T886) ссылка “Подробнее” должна вести на ID блока BF503
<style>
/* Блокировка прокрутки только на больших экранах */
@media (min-width: 769px) {
body.cookie-lock {
overflow: hidden;
}
#cookie-overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9990;
}
}
/* Баннер куки — фиксирован внизу на всех экранах */
#rec996921256 {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
background: #fff;
padding: 20px;
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
text-align: center;
font-size: 16px;
width: 100%;
max-width: 100vw;
}
@media (max-width: 768px) {
#rec996921256 {
font-size: 16px;
padding: 16px;
}
}
</style>
<!-- Затемнение (только на десктопе) -->
<div id="cookie-overlay"></div>
<script>
function removeCookieOverlay() {
const overlay = document.getElementById('cookie-overlay');
const banner = document.getElementById('recxxxxxxxxxxx');
if (overlay) overlay.style.display = 'none';
if (banner) banner.style.display = 'none';
document.body.classList.remove('cookie-lock');
}
document.addEventListener("DOMContentLoaded", function () {
if (localStorage.getItem('cookieAccepted') === 'true') {
removeCookieOverlay();
return;
}
// Блокируем прокрутку только на больших экранах
if (window.innerWidth > 768) {
document.body.classList.add('cookie-lock');
}
const observer = new MutationObserver(() => {
const acceptBtn = document.querySelector('#recxxxxxxxxxx .t-btn');
if (acceptBtn) {
acceptBtn.addEventListener('click', function () {
localStorage.setItem('cookieAccepted', 'true');
removeCookieOverlay();
});
observer.disconnect();
}
});
observer.observe(document.body, { childList: true, subtree: true });
});
</script>
📌 Совет: протестируйте в режиме “Инкогнито”, чтобы увидеть баннер как впервые посетивший пользователь.
💻 На компьютере:
🟢 Google Chrome / Яндекс Браузер / Opera:
- Нажми: Ctrl + Shift + N
🔵 Mozilla Firefox:
- Нажми: Ctrl + Shift + P
🟣 Microsoft Edge:
- Нажми: Ctrl + Shift + N
📱 На телефоне:
🔹 В Chrome:🔸 В Safari (iPhone):
- Открой меню (⋮ в правом верхнем углу)
- Выбери «Новая вкладка инкогнито»
- Нажми на иконку вкладок (внизу)
- Выбери «[x] вкладок» → переключись в режим «Приватный»
🕶️ В инкогнито-режиме:
- Сайт не видит старые куки
- Все данные стираются после закрытия вкладки
- Удобно для проверки баннеров, first-visit-логики, форм и всплывающих окон