Как проверить cookie-баннер: чек-лист перед запуском
Последнее обновление: 16 октября 2026
Что должен показать тест cookie-баннера
Cookie-баннер может выглядеть аккуратно и при этом не управлять подключёнными сервисами. Поэтому приёмка состоит из двух частей: посетитель понимает выбор и может его сделать, а сайт выполняет соответствующие настройки. Проверяйте обе части в одном сценарии, а не в отдельных обсуждениях дизайна и аналитики.
Этот чек-лист предназначен для конфигурации, в которой необязательные сервисы ожидают согласия. До тестирования запишите категории и интеграции, которые относятся к каждой из них. Без такой карты нельзя уверенно решить, должен ли конкретный запрос появляться после нажатия кнопки.
Первый визит и отказ от необязательных cookie
Откройте сайт с чистым состоянием и не нажимайте на баннер. Проверьте, виден ли текст, доступны ли действия и не перекрывается ли важное содержимое. Затем сравните активные интеграции с ожидаемым начальным состоянием. Сам факт появления баннера ещё не говорит о блокировке аналитики.
В отдельном сценарии откажитесь от необязательных категорий. Перейдите на другую страницу и перезагрузите её. Проверьте, сохраняется ли выбор и не запускается ли отклонённый сервис при навигации. Если сайт продолжает спрашивать одно и то же на каждой странице, отдельно исследуйте сохранение настроек и область их действия.
Выбор отдельных категорий
Разрешите только статистику, оставив маркетинг выключенным. Проверьте каждую интеграцию по заранее составленной карте. Затем проведите отдельный тест полного согласия. Он нужен не только для контроля блокировки: разрешённый счётчик тоже должен корректно запускаться, а события не должны удваиваться.
Типичный пограничный случай — сервис используется одновременно в нескольких местах. Например, счётчик включён в настройках CMS и дополнительно добавлен через менеджер тегов. Один экземпляр может учитывать согласие, а другой — работать независимо. Именно поэтому проверять нужно фактическое поведение, а не только экран настроек.
Повторный визит и изменение решения
Вернитесь на сайт в том же браузере без очистки данных. Убедитесь, что сохранённые настройки применяются последовательно. После этого найдите доступный посетителю способ снова открыть настройки cookie и поменяйте выбор. Ссылка или кнопка управления должна быть понятной и доступной на тех страницах, где пользователь может её искать.
Отдельно проверьте результат после отзыва категории: сразу и после перезагрузки. Уже исполненный сторонний код не обязательно прекращает работу от одного изменения флага. Если интеграции требуется остановка, очистка доступного хранилища или перезагрузка, разработчик должен явно реализовать и проверить этот сценарий. Изменение выбора не отменяет уже отправленные запросы.
Мобильная версия и управление с клавиатуры
На узком экране убедитесь, что текст не обрезан, все кнопки доступны, а окно настроек можно прокрутить. Проверьте совместную работу с чатом, нижней панелью навигации и другими фиксированными элементами. Баннер не должен превращать чтение статьи или заполнение формы в борьбу за свободное место.
Пройдите действия клавишами Tab, Shift+Tab, Enter и Space там, где они применимы. Фокус должен быть заметен, подписи — понятны без опоры только на цвет. После закрытия окна посетитель должен иметь возможность продолжить работу со страницей. Эти проверки помогают найти проблемы, которые незаметны при использовании мыши.
Как оформить результат проверки
Для каждого сценария сохраните адрес страницы, браузер, исходное состояние, действие, ожидаемый результат и фактический результат. Ошибка «после отказа появляется запрос рекламного пикселя на странице товара» гораздо полезнее формулировки «баннер не работает». Добавьте шаги воспроизведения, чтобы исправление можно было независимо проверить.
Проверяйте сетевую активность через Network, а не только наличие cookie. После исправления повторите затронутый сценарий и соседние варианты выбора. В Cookiestack начните с проверки установки виджета и категорий; затем используйте этот чек-лист для приёмки всего сайта, включая подключения через CMS и менеджер тегов.
Инструкции и следующий шаг
Подключить Cookiestack к своему сайту →