UX / Cookie consent

Компактные cookie-баннеры

Вместо баннера на весь экран — лёгкие форматы, которые не перекрывают контент и не блокируют первую прокрутку. Ниже — варианты отдельно для десктопа и мобайла. Выберите подходящий.

Не блокирует контент Один клик — согласие Есть «Настройки»

Десктоп

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 (мини-бар). Во всех вариантах баннер не блокирует прокрутку и первую интерактивность, оверлей на весь экран убран.