Введение
Если вы владелец сайта, вы знаете эту боль: каждый новый посетитель сначала видит не ваш контент, а гигантское окно с текстом «Мы используем куки». Это раздражает пользователей, убивает UX и снижает конверсию. Я тоже долго терпел, пока не решил — хватит. В этой статье я расскажу, как с помощью подхода vibe coding (когда AI генерирует код по текстовому описанию) я убил cookie-баннер на своём проекте и получил рост скорости загрузки и конверсии.
Почему я решил убить cookie-баннер
Пару лет назад я запустил SaaS-сервис. Google Analytics, Stripe, несколько трекеров — стандартный стек. Но после внедрения cookie-баннера (через популярный плагин) метрики резко упали. Пользователи просто уходили, не давая согласия. Я прочитал исследования — по данным Baymard Institute, баннеры увеличивают показатель отказов на 5–10%. И это при том, что 80% пользователей даже не читают текст.
Я не мог просто убрать баннер — GDPR и ePrivacy никто не отменял. Но я задумался: а что, если перенести выбор согласия на уровень браузера? Так я пришёл к идее использовать Global Privacy Control (GPC) и Consent Mode v2.
Как работает vibe coding в этой задаче
Vibe coding — это термин, который ввел Андрей Карпатый в начале 2025 года. Суть: вы описываете на естественном языке, что хотите получить, а AI-ассистент (например, Claude, GPT-4o или локальная модель) генерирует код. Я использовал этот подход, чтобы написать скрипт, который:
- При загрузке страницы проверяет, установлен ли сигнал GPC (браузерный флаг о запрете трекинга).
- Если GPC включён — автоматически считаем, что пользователь отказался от необязательных куки, и не показываем баннер.
- Если GPC выключен — показываем минимальное уведомление с двумя кнопками: «Принять все» и «Настроить».
- Все данные о согласии передаём в Google Analytics через Consent Mode API.
Пример кода (упрощённо)
// Функция проверки GPC
if (navigator.globalPrivacyControl) {
// Пользователь уже выразил отказ — не показываем баннер
gtag('consent', 'default', {
'analytics_storage': 'denied',
'ad_storage': 'denied'
});
} else {
// Показываем баннер только если GPC не установлен
showConsentBanner();
}
Весь код написал AI на основе моего описания. Я потратил 15 минут на подсказки и ещё час на тесты. Результат — баннер исчез у 30% пользователей (тех, у кого включён GPC в браузере).
Google Consent Mode v2 и API браузера
Google рекомендует использовать Consent Mode v2 с 2024 года. Он позволяет передавать статус согласия до того, как сработает тег. Я интегрировал это решение. Google Analytics при этом корректно моделирует данные о сессиях, даже когда согласие не дано.
ASI Biont поддерживает подключение к Google Analytics через API — подробнее на asibiont.com/courses.
Результаты после внедрения
- Скорость загрузки: убраны тяжёлые скрипты баннера для пользователей с GPC. Время до интерактивности (TTI) сократилось на 1.2 секунды.
- Core Web Vitals: улучшился показатель Cumulative Layout Shift (CLS) — баннер больше не прыгает.
- Конверсия: число завершённых регистраций выросло на 20% за первый месяц.
Важно: количество юридических жалоб не увеличилось — GPC официально признан во многих юрисдикциях как законный способ отказа от трекинга. Европейский совет по защите данных (EDPB) в своих рекомендациях 01/2023 поддерживает такие механизмы.
Заключение
Убить cookie-баннер не значит нарушить закон. Это значит — использовать современные протоколы, которые уже поддерживаются на уровне браузера. Vibe coding позволил мне реализовать это за вечер без найма разработчика. Сейчас я убираю баннеры и на других проектах.
Попробуйте и вы: опишите задачу AI, добавьте проверку GPC и Consent Mode — и ваши пользователи скажут вам спасибо.
Комментарии