Инструкция: Согласие на обработку персональных данных (РФ)

Шаг 1 — Проверить что страница согласия уже есть

ls legal/personal_data_consent.md 2>/dev/null && echo "есть" || echo "надо создать"

Если есть — переходи к шагу 3.

Шаг 2 — Создать общую страницу согласия

Спроси у пользователя реквизиты оператора (один раз на vault):

• ФИО полностью (как в паспорте) — кому даётся согласие
• Юридический статус — самозанятый / ИП / физлицо (если ИП — попроси ИНН и ОГРНИП; если самозанятый — попроси ИНН)
• Email для отзыва согласия — куда писать «удалите мои данные»
• Telegram / телефон для отзыва — опционально, второй канал

Создай legal/personal_data_consent.md по шаблону ниже, подставив реквизиты.

# Согласие на обработку персональных данных

Нажимая кнопку отправки заявки на этом сайте, я даю согласие {ФИО оператора}{, ИНН {ИНН}, если есть} на обработку персональных данных, которые я указываю в форме обратной связи.

## Какие данные могут обрабатываться

- имя;
- email;
- телефон;
- Telegram;
- текст сообщения и любые сведения, которые я сам(а) указываю в заявке.

## Цель обработки

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

## Что можно делать с данными

Я согласен(на) на сбор, запись, систематизацию, хранение, уточнение, использование и удаление указанных данных в пределах цели, описанной выше.

## Передача третьим лицам

Данные не публикуются и не передаются третьим лицам без необходимости для ответа на заявку, исполнения договорённостей или требований закона.

## Cookies и аналитика

Сайт может использовать cookie-файлы и счётчики веб-аналитики (например, Яндекс.Метрика) для статистики посещений и улучшения работы сайта. Эти данные обрабатываются обезличенно. Управлять cookies можно через настройки браузера или плашку согласия на сайте.

## Срок действия согласия

Согласие действует до достижения цели обработки или до его отзыва.

## Отзыв согласия

Я могу отозвать согласие, написав на email: {email оператора}{ или в Telegram: {@username}, если есть}.

После получения отзыва данные будут удалены, если их дальнейшее хранение не требуется по закону или для подтверждения уже состоявшегося обращения.

Шаг 3 — Добавить чекбокс в форму лендинга

В frontmatter заметки лендинга добавь поле consent:

form:
  can_submit: guest
  success_url: /thanks
  fields:
    - name: name
      type: text
      required: true
    - name: email
      type: email
      required: true
    # ... другие поля
    - name: consent
      type: bool
      required: true
      enum: [true]   # принимать только true — нельзя снять галку

enum: [true] гарантирует, что submit без галки будет отклонён сервером — даже если фронт обойдут.

Шаг 4 — Отрендерить чекбокс рядом с кнопкой

В layout формы (адаптированный example.html из instructions/landing_lead_form) — для поля consent рендерим не дефолтный чекбокс, а специальный с ссылкой:

<label class="lead-consent">
  <input type="checkbox" name="consent" value="true" required>
  <span>Я согласен(на) на <a href="/legal/personal_data_consent" target="_blank" rel="noopener">обработку персональных данных</a></span>
</label>

JS-обвязка (если форма строится из form-spec динамически):

if (field.type === 'bool' && field.name === 'consent') {
  const wrap = document.createElement('label');
  wrap.className = 'lead-consent';
  const input = document.createElement('input');
  input.name = field.name;
  input.type = 'checkbox';
  input.required = !!field.required;
  input.value = 'true';
  const cap = document.createElement('span');
  cap.innerHTML = 'Я согласен(на) на <a href="/legal/personal_data_consent" target="_blank" rel="noopener">обработку персональных данных</a>';
  wrap.append(input, cap);
  // ... в форму
}

Правила размещения:

• Чекбокс — сразу над кнопкой submit, не в подвале страницы
• Галка не предустановлена (checked не ставить) — пользователь должен сам её поставить
• Кнопка submit может быть disabled пока галка снята (UX), но серверная валидация (enum: [true]) обязательна
• Ссылка открывается в новой вкладке (target="_blank") — чтобы не потерять заполненную форму

Шаг 5 — Если на лендинге есть метрика — добавить cookie-плашку

Минимальная плашка (показывается один раз, выбор сохраняется в localStorage):

<div id="cookie-banner" hidden style="position:fixed;bottom:16px;left:16px;right:16px;max-width:640px;margin:0 auto;padding:14px 18px;background:#1c1a16;color:#f5f1e8;border-radius:14px;font-size:13px;line-height:1.5;display:flex;gap:12px;align-items:center;z-index:1000">
  <span>Сайт использует cookies для статистики. Подробнее — в <a href="/legal/personal_data_consent" style="color:#c8ff5a">согласии на обработку данных</a>.</span>
  <button id="cookie-ok" style="padding:8px 14px;background:#c8ff5a;color:#1c1a16;border:0;border-radius:8px;font-weight:600;cursor:pointer">Ок</button>
</div>
<script>
  (function(){
    if (localStorage.getItem('cookie-consent') === 'ok') return;
    var b = document.getElementById('cookie-banner');
    b.hidden = false;
    document.getElementById('cookie-ok').onclick = function(){
      localStorage.setItem('cookie-consent', 'ok');
      b.hidden = true;
    };
  })();
</script>

Когда плашка обязательна: счётчик Метрики/GA, пиксели рекламных сетей, любые трекеры через cookies.
Когда не нужна: статичная страница без аналитики и форм с подпиской на cookies.

Шаг 6 — Проверить по чеклисту

Сверь с instructions/landing_checklist — раздел про согласие:

• Чекбокс есть, обязательный, не предустановлен
• Ссылка из чекбокса ведёт на рабочий /legal/personal_data_consent
• На странице согласия заполнены реальные реквизиты оператора (нет {...})
• Указан рабочий канал отзыва (email/Telegram отвечает)
• Если на странице метрика — плашка cookies показывается
• Серверная валидация enum: [true] отклоняет submit без галки