Как настроить cookie-виджет в Тильде

Cookie-баннер на Тильде решает две разные задачи: уведомить посетителя и дать ему решить, что можно хранить на его устройстве. Если вы решаете, как настроить cookie-виджет в Тильде с категориями, кнопками и повторным вызовом, используйте блок T972 — в нём посетитель выбирает категории cookie. Проход по учебному лендингу охватывает добавление блока и проверку применения выбранных настроек при повторном входе.

Блок T972 и другие виджеты cookie в Тильде

Блок с выбором cookie лежит в Библиотеке блоков → категория «Другое» → T972 ^[1]. Через него посетитель управляет четырьмя видами файлов: обязательными, аналитическими, рекламными и собственными. Это и есть принципиальное отличие от остальных cookie-блоков: T657, T886 и T887 только показывают уведомление — настроить или отключить через них ничего нельзя.

Последовательность на учебном лендинге такая:

Откройте Библиотеку блоков → «Другое» и поставьте T972 на страницу.
Откройте «Контент» блока — там задаются названия и описания для всех четырёх типов cookie.
В том же «Контенте» включите кнопки выбора.
В «Настройках» блока решите, будет ли виджет показываться постоянно.
Опубликуйте страницу и проверьте поведение баннера.

В редакторе и предпросмотре T123 выводит код текстом, чтобы он заработал, страницу публикуют ^[2]. После настройки T972 опубликуйте страницу и пройдите сценарий выбора на опубликованном сайте.

Категории cookie и кнопки в контенте блока

В «Контенте» блока настраиваются названия и описания для обязательных, рекламных, аналитических и пользовательских cookie, там же добавляются кнопки «Принять все», «Отклонить все» и «Настроить» ^[1].

Что стоит прописать в каждом пункте, чтобы посетитель понимал последствия выбора:

Категория	Что описать в тексте	Кнопка или поведение
Обязательные	Работа сайта и защита от DDoS-атак	Всегда включены, отключить нельзя
Аналитические	Метрика, GA, GTM	Включаются после «Принять все» или галочки в «Настроить»
Рекламные	Пиксель ВК, рекламные счётчики	Включаются отдельным разрешением
Собственные	Скрипты из head или T123	Зависит от вашего кода и атрибута категории

Кнопка «Настроить» открывает список категорий, где посетитель отмечает нужные. «Отклонить все» выключает аналитику и рекламу, обязательные остаются. «Принять все» включает все три необязательные категории сразу.

Повторный вызов настроек через #opencookiebanner

После повторного перехода система применяет согласие или прошлые настройки cookie, которые выбрал посетитель ^[1]. Значит, у человека не остаётся очевидного способа передумать — и это нужно исправить на своей стороне.

Здесь два рабочих варианта, и они не исключают друг друга:

В «Настройках» блока T972 поставить галочку «Всегда показывать виджет для доступа посетителей к настройкам куки». Тогда иконка виджета остаётся в углу страницы, и по клику настройки открываются снова.
Сделать свою кнопку или иконку с ссылкой #opencookiebanner. Такой хеш открывает уведомление cookie без использования стандартного виджета. Ссылку можно поставить в поле «Ссылка для кнопки» или на отдельный элемент на странице.

Для учебного лендинга пошли вторым путём: в подвале добавили текст «Настройки cookie» со ссылкой #opencookiebanner. Проверка простая — после закрытия баннера клик по этой ссылке снова открывает панель с категориями и сохранёнными галочками.

Аналитика и реклама до решения посетителя

Пока посетитель не принял решение или отключил аналитические cookie, код Google Analytics и Яндекс Метрики не передаёт данные в системы аналитики, а инициализируется только после действия пользователя ^[1]. Часть cookie в счётчиках относится к рекламным и активируется отдельно — после разрешения на рекламные файлы.

Весь контейнер Google Tag Manager попадает в аналитическую категорию, и запрет этого типа влияет на работу всего кода GTM. Пока посетитель не сделал выбор или запретил рекламные cookie, пиксели ВКонтакте и Facebook не инициализируются и не передают данные.

Обязательные cookie включены по умолчанию, их нельзя отключить — они обеспечивают работу сайта, в том числе защиту от DDoS-атак. При отключённой аналитике внутренняя статистика Тильды всё равно фиксирует переход, не используя cookie. При таком методе возможна погрешность, но она не достигает более 10% посещений. Когда аналитические cookie разрешены, событие досылается и посещение связывается с прошлым ^[1].

Что происходит с UTM-метками. Если аналитические cookie не разрешены, при переходе на другую страницу UTM-метки не отправятся вместе с данными формы. Они уйдут только в случае, если форму заполнили и отправили на той же странице, где человек пришёл. В упрощённом режиме статистики Тильды счётчик вообще не создаёт cookie, а UTM-метку учитывает только на первой странице перехода — дальше по сайту она не передаётся ^[3].

Свой код в head или T123: атрибуты для категорий

Скрипт из head сайта или страницы, а также код в блоке T123, который сохраняет cookie, Тильда сама не привяжет к выбранной категории. Категорию задаёт атрибут в самом коде.

Для собственного скрипта в теге <script> нужны type="text/plain" и data-tilda-cookie-type="custom":

<script type="text/plain" data-tilda-cookie-type="custom">
 // ваш код
</script>

Для скрипта аналитики категория analytics, для пикселей и рекламных скриптов — advertising. Если файл подгружается со стороннего сервера, атрибут src заменяют на data-src и добавляют категорию:

<script data-src="https://website.com/script.js" data-tilda-cookie-type="custom"></script>

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

Учебный пример. Учебный лендинг: подключены Метрика и пиксель ВК, кнопки «Принять все», «Отклонить все», «Настроить», своя ссылка #opencookiebanner в подвале. Прогон и контрольные точки:

Шаг	Действие	Ожидаемый результат
1	Новый посетитель открывает страницу	Виджет T972 показывается, аналитика до выбора не передаёт данные
2	Нажимает «Отклонить все»	Аналитические и рекламные cookie выключены, обязательные остаются
3	Переходит на другую страницу и заполняет форму	UTM-метки вместе с формой не отправляются
4	Закрывает и снова открывает сайт	Применяются прошлые настройки, баннер не мешает
5	Кликает «Настройки cookie» (#opencookiebanner)	Панель категорий открывается снова, галочки на месте
6	Отмечает «Принять все»	Аналитика и реклама включаются, данные начинают передаваться

Результат прогона: отказ на шаге 2 сохраняется при повторном входе, аналитика молчит до шага 6, а ссылка #opencookiebanner возвращает посетителя к выбору на любом шаге. Обязательные cookie снять нельзя — в этом месте панели ничего не переключается.

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

Перед завершением проверки закройте баннер и откройте его ссылкой «Настройки cookie». Убедитесь, что посетитель может изменить выбор после повторного входа на сайт.