Вместо баннера на весь экран — лёгкие форматы, которые не перекрывают контент и не блокируют первую
прокрутку. Ниже — варианты отдельно для десктопа и мобайла. Выберите подходящий.
Не блокирует контентОдин клик — согласиеЕсть «Настройки»
Десктоп
4 варианта · превью в окне браузера
1Нижняя плашка (bottom bar)компактная, во всю ширину низа
example.com
🍪
Мы используем cookie, чтобы улучшить работу сайта. Продолжая, вы соглашаетесь с этим.
2Угловой блок (bottom-left)маленькая карточка в углу
example.com
🍪
Cookie-настройки
Используем cookie для аналитики и удобства. Выберите, что разрешить.
3Слим-пилюля (по центру снизу)минимум места, одна строка
example.com
🍪 Мы используем cookie
4Тост (bottom-right, тёмный)заметный, но не мешает
example.com
🍪Cookies
Немного cookie помогают сайту работать лучше. Согласны?
Мобайл
4 варианта · превью в телефоне
1Bottom-sheet
🍪
Мы используем cookie для улучшения сайта.
2Мини-бар (1 строка)
🍪 Cookie для работы сайта✕
3Плавающая карточка сверху
🍪Cookies
Разрешить cookie для аналитики?
4Пилюля + шестерёнка
🍪 Мы используем cookie⚙
Рекомендация: для десктопа — вариант 1 (нижняя плашка) или 2 (угловой блок): не перекрывают
контент и дают доступ к «Настройкам». Для мобайла — вариант 1 (bottom-sheet) или 2 (мини-бар).
Во всех вариантах баннер не блокирует прокрутку и первую интерактивность, оверлей на весь экран убран.