BerryCookie — это сервис согласия на использование cookie (CMP), который мы создали для собственных сайтов и который теперь может использовать любой. Вы добавляете одну строку кода на страницу, и BerryCookie отображает баннер, блокирует трекеры до тех пор, пока посетитель не сделает выбор, и сохраняет доказательство выбора. Вы можете начать с бесплатного плана.

Почему мы сделали еще один баннер cookie

У меня есть несколько сайтов, и все они нуждаются в одном и том же: баннере cookie, который соответствует требованиям GDPR, не замедляя страницы. Большие решения, такие как Cookiebot, выполняют свою работу, но вы платите за каждый домен и получаете гораздо больше, чем вам нужно. Многие бесплатные варианты, в свою очередь, просто отображают сообщение. Скрипты аналитики запускаются в любом случае, независимо от того, что нажимает посетитель. Баннер, который ничего не блокирует, не помогает вам с контролем.

Я решил написать его с нуля, с тремя правилами: он должен быть маленьким, действительно блокировать и работать на любом сайте, независимо от технологии, на которой он построен.

Как установить

Скрипт должен быть помещен первым в <head>, перед любым трекером:

<script id="BerryCookie" src="https://cdn.berrycookie.com/bc.js" data-key="КЛЮЧ-САЙТА" data-blockingmode="auto"></script>

Ключ вы найдете в панели BerryCookie, после того как добавите сайт. Для WordPress есть плагин, а для Google Tag Manager — шаблон.

Что он делает, конкретно

Блокирует трекеры до получения согласия

В автоматическом режиме BerryCookie распознает известные трекеры, такие как Facebook, LinkedIn, TikTok, Hotjar или Microsoft Clarity, и не позволяет им работать, пока посетитель не примет соответствующую категорию. Он также работает для скриптов, добавленных на страницу другими скриптами, а не только для тех, что написаны непосредственно в HTML.

Вы помечаете свои скрипты и iframe с помощью категории, например, статистика или маркетинг, и они запускаются только после получения согласия. Видеоролик с YouTube, включенный в статью, загружается только после того, как посетитель примет cookie для маркетинга.

Google Consent Mode v2

Теги Google не блокируются. Они получают сигналы Google Consent Mode v2: по умолчанию все отклоняется, а после принятия решения отправляется обновление. Google Analytics и Google Ads работают точно так, как позволяет выбор посетителя, а в Google Tag Manager вы получаете отдельное событие, на основе которого можете построить триггеры.

Правила по регионам

Не все посетители имеют одинаковые права. Для Европейского Союза баннер запрашивает согласие перед тем, как что-либо запустится (opt-in). Для других регионов вы можете выбрать opt-out, где все работает, и посетитель может отказаться, или вы можете вообще не отображать баннер. Правила устанавливаете из панели, в зависимости от региона посетителя.

Список cookie и центр предпочтений

Посетитель видит категории, каждая со своим переключателем, и cookie из каждой категории. Cookie вы объявляете в панели, а ежемесячное сканирование показывает, что было фактически найдено на сайте, чтобы ничего не осталось нераскрытым. После выбора появляется маленькая круглая кнопка, с помощью которой он может в любой момент изменить свое решение. Если кнопка закрывает что-то на странице, ее можно переместить.

Журнал согласий

Каждое решение записывается: какие категории были приняты и когда. Если вам когда-либо потребуется доказательство того, что посетитель дал согласие, вы найдете это в журнале.

Маленький, чтобы не замедлять ваш сайт

Основной скрипт имеет около 7,5 кБ в сжатом виде и не зависит от какой-либо другой библиотеки. Окно предпочтений загружается отдельно, после того как баннер уже на экране, так что первое отображение не ожидает. Выбор посетителя остается в cookie первого уровня, на вашем домене.

Что не может сделать ни один баннер

Одно, что я узнал, тестируя в браузере и что немногие могут сказать: автоматическая блокировка останавливает трекеры от работы, но <script src>, написанный непосредственно в HTML, все равно может быть загружен до того, как запустится какой-либо JavaScript. Браузер читает страницу заранее и начинает загрузки рано. Если вы хотите, чтобы даже этот запрос не ушел, помечаете тег с type="text/plain" и категорией. Так браузер не будет загружать его вообще до получения согласия.

Отсюда же и другое правило: если посетитель когда-либо отзовет согласие для категории, страница перезагрузится. Скрипт, который уже работает, не может быть остановлен извне, и перезагрузка — единственный правильный вариант.

И еще кое-что, чтобы было ясно: BerryCookie помогает вам соблюдать правила для cookie, но не пишет политику конфиденциальности и не заменяет адвоката.

Если вы приходите из Cookiebot

BerryCookie понимает и атрибут data-cookieconsent, используемый Cookiebot. Если у вас уже есть скрипты, помеченные для Cookiebot, измените строку в <head>, и существующие метки продолжат работать.

Планы

Вы можете начать бесплатно. Платные планы, Pro, Business и Agency, предназначены для больших сайтов и для агентств, которые управляют несколькими клиентами. Среди прочего, они поддерживают IAB TCF v2.2, стандарт, требуемый многими рекламными сетями. Подробности и цены на berrycookie.com.

Почему я пишу об этом на Genstackcore

Genstackcore — это место, где я рассказываю, что строю, и BerryCookie — один из моих проектов. Подробнее о блоге вы можете найти здесь. Я вернусь с статьями о том, как это работает изнутри, от блокировки скриптов до тестов в браузере. Если вы попробуете его и что-то не работает так, как вы ожидаете, напишите мне со страницы контактов.