Задача «добавить согласие на сайт» редко решается одной галочкой на главной. Нужен согласованный контур: документ, интерфейс, валидация и одинаковое поведение на всех точках, где уходят персональные данные.
Прямой ответ
Порядок такой: опишите обработку в политике → соберите список форм и виджетов → внедрите единый блок (текст + ссылка + пустой чекбокс при схеме на согласии) → запретите отправку без отметки → отделите рекламу → проверьте мобильные и попапы. Копипаст чужого текста с другим названием компании — частая ошибка, её лучше не повторять.
Шаг 1. Политика
Перед UI убедитесь, что опубликована политика обработки персональных данных:
- корректный оператор;
- реальные цели и формы;
- способы связи;
- сведения о привлекаемых сервисах (CRM, рассылка, запись, коллтрекинг) в той мере, как вы их описываете.
Ссылка должна открываться с мобильного и отдавать 200.
Шаг 2. Реестр точек сбора
Включите в список:
- формы на сайте и лендингах;
- попапы;
- чаты с преформерами;
- обратный звонок;
- онлайн-запись;
- checkout / заявку на расчёт.
Для каждой строки: URL, поля, кто принимает данные, есть ли сейчас юридический блок.
Шаг 3. Текст и компонент
Соберите короткий текст:
«Нажимая „Отправить“, я даю согласие на обработку персональных данных в целях ответа на заявку согласно политике» — лучше через чекбокс: «☐ Согласен на обработку персональных данных для ответа на заявку» + ссылка.
Правила:
- пусто по умолчанию;
- цель соответствует форме;
- реклама отдельным пунктом;
- единый компонент в дизайн-системе / шаблоне конструктора.
Шаг 4. Техническая привязка
- Разметка чекбокса и
label. - Клиентская валидация.
- Серверная проверка, если есть бэкенд (не доверять только UI).
- Аналитика: не отправлять событие «лид» при заблокированной отправке.
- Для SPA — не терять блок при перерисовке шагов квиза.
Шаг 5. Конструкторы и виджеты
На Tilda и аналогах: встроенные настройки «согласие», Zero-блоки, или HTML-вставка. После публикации сбросьте кэш.
У внешних виджетов: поля юридического текста в кабинете; если их нет — экран-подтверждение на вашем сайте до открытия виджета.
Шаг 6. Приёмка
| Проверка | OK |
|---|---|
| Политика открывается | да |
| Чекбокс пуст | да |
| Без отметки не уходит | да |
| Текст совпадает с целью | да |
| Мобильный вид | читаемо |
| Попап / запись / звонок | покрыты |
| Рассылка | отдельна |
> После внедрения полезно сверить публичную картину: Проверить сайт бесплатно.
Частые ошибки внедрения
- добавили галочку только на «Контакты»;
- забыли квиз;
- ссылка ведёт на главную вместо политики;
- предустановка ради конверсии;
- разные формулировки у подрядчиков рекламы.
Итог
Согласие на сайте — это процесс: документ → реестр → компонент → валидация → приёмка. Сделайте один шаблон и раскатайте его. Контрольная сверка: Проверить сайт бесплатно.
Порядок для подрядчика сайта
Если внедрение делает агентство, передайте ТЗ списком, а не фразой «добавьте 152-ФЗ». В задании укажите: перечень URL форм, точный текст, URL политики, требование пустого чекбокса, запрет отправки без отметки, отдельный пункт рассылки (если нужен), мобильная приёмка, список виджетов. На приёмке требуйте видео или скрины прохождения с iPhone/Android.
Для конструкторов попросите запретить редакторам акций снимать блок «чтобы не мешал». Юридический компонент должен быть таким же обязательным, как поле телефона.
Постепенный rollout
На большой сетке лендингов внедряйте пакетами: сначала основные конверсионные страницы и виджеты, затем хвост архивных URL, затем рекламные квизы. После каждого пакета — короткая сверка. Так проще не потерять страницы, которые оживают только в сезон рекламы. Финальный внешний контроль: Проверить сайт бесплатно.
Пример минимального Definition of Done
Форма считается готовой, когда: политика доступна по рабочей ссылке; у отправки есть блок согласия с пустым чекбоксом (если схема на согласии); цель в тексте совпадает со сценарием; без отметки заявка не создаётся; рекламный пункт отделён и необязателен; мобильный сценарий проверен; виджеты из реестра покрыты; скрин эталона сохранён для команды. Пока любой пункт красный — в рекламу страницу лучше не отдавать. Такой DoD снижает споры «уже же добавили галочку» при фактически дырявом контуре.
Контроль после подключения новых инструментов
Каждый новый сервис — квиз, чат, формы в email-конструкторе лендингов — снова открывает вопрос согласия. Введите простое правило: перед подключением скрипта обновляем реестр точек сбора и сразу планируем юридический блок. Иначе сайт снова превращается в набор «голых» входов. Раз в квартал сверяйте реестр с фактическими скриптами в GTM/коде: мёртвые виджеты уберите из политики, живые без оформления — добавьте в план правок.