Реалізація механізму відкликання згоди на обробку даних

Реалізація механізму відкликання згоди на обробку даних

За GDPR (стаття 7.3) користувач повинен мати можливість відкликати згоду так само легко, як надати її. Якщо згода надавалася одним натисканням кнопки, відкликання не повинно вимагати 10 кроків. Ми реалізуємо цей механізм під ключ: від UI в особистому кабінеті до автоматичного припинення обробки в усіх системах — аналітиці, рекламі, email-розсилках. З нашим рішенням ви знижуєте ризик штрафів до 4% річного обороту та економите до 80% часу на обробку запитів користувачів. За 5 років ми реалізували понад 50 проєктів з GDPR-комплаєнсу.

Проблеми, які вирішуємо

• Приховані налаштування відкликання. Користувач не може знайти, де відкликати згоду — пункт захований у меню, вимагає введення логіна/пароля, хоча згода надавалася без реєстрації.
• Відсутність негайного ефекту. Після відкликання дані все ще обробляються днями — листи продовжують приходити, реклама показується. Це порушує принцип "так само легко, як надати" і створює ризики.
• Складна email-відписка. Потрібно перейти на сторінку, натиснути кілька кнопок, підтвердити — в той час як одноклік відписка в 3 рази ефективніша за багатокрокові форми.
• Немає синхронізації між системами. Відкликали згоду в кабінеті, а Google Analytics продовжує збирати дані. Ми вирішуємо це за допомогою черг повідомлень та webhook-ів.

Ми вирішуємо ці проблеми за допомогою продуманого UX та автоматизації.

Як реалізувати відкликання згоди в особистому кабінеті?

Розглянемо кейс: інтернет-магазин з авторизацією. Користувач надав згоду на аналітику та маркетинг. Тепер він хоче відкликати маркетингову згоду. Реалізуємо UI на React та серверну частину на Python Flask.

// PrivacySettings.jsx
function PrivacySettings() {
  const [consent, setConsent] = useState(null)
  const [loading, setLoading] = useState(true)

  useEffect(() => {
    fetch('/api/my/consent')
      .then(r => r.json())
      .then(data => { setConsent(data.current); setLoading(false) })
  }, [])

  const updateConsent = async (category, value) => {
    const updated = { ...consent, [category]: value }

    await fetch('/api/my/consent', {
      method: 'PUT',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ categories: updated })
    })

    setConsent(updated)

    // Apply immediately
    if (!value && category === 'analytics') {
      window['ga-disable-G-XXXXXXXX'] = true
    }
  }

  const revokeAll = async () => {
    if (!confirm('Are you sure? This does not delete your account, only consent to additional processing.')) return

    await fetch('/api/my/consent', { method: 'DELETE' })
    setConsent({ necessary: true, analytics: false, marketing: false })
  }

  if (loading) return <Spinner />

  return (
    <div className="privacy-settings">
      <h2>Manage Data</h2>

      {Object.entries({
        analytics: 'Analytics and Service Improvement',
        marketing: 'Personalized Advertising',
        preferences: 'Remember Preferences'
      }).map(([key, label]) => (
        <label key={key} className="consent-toggle">
          <span>{label}</span>
          <input
            type="checkbox"
            checked={consent?.[key] ?? false}
            onChange={e => updateConsent(key, e.target.checked)}
          />
        </label>
      ))}

      <button className="btn-danger" onClick={revokeAll}>
        Revoke All Consents
      </button>

      <a href="#" onClick={() => window.CookieBot?.renew()}>
        Change Cookie Settings
      </a>
    </div>
  )
}

Серверна обробка відкликання:

@app.route('/api/my/consent', methods=['PUT'])
@login_required
def update_consent():
    new_categories = request.json['categories']

    # Log the change
    consent_logger.log(
        request,
        categories=new_categories,
        event_type='updated',
        user_id=current_user.id
    )

    # Apply changes immediately
    if not new_categories.get('marketing'):
        unsubscribe_from_marketing(current_user.id)
        remove_from_ad_audiences(current_user.email)

    return jsonify({'status': 'updated', 'categories': new_categories})


def unsubscribe_from_marketing(user_id: int):
    user = db.get_user(user_id)

    # Mailchimp
    mailchimp_client.lists.update_list_member_tags(
        list_id=MAILCHIMP_LIST_ID,
        subscriber_hash=md5(user.email.lower()),
        body={'tags': [{'name': 'marketing_opted_out', 'status': 'active'}]}
    )

    # Disable advertising pixels for this user
    db.execute("""
        UPDATE users SET marketing_opted_out = true,
        marketing_opt_out_at = NOW()
        WHERE id = %s
    """, (user_id,))

Чому одноклік email-відписка — стандарт?

RFC 8058 рекомендує одноклік відписку для email-маркетингу. Користувач повинен мати змогу відкликати згоду одним натисканням, без переходу на сторінку підтвердження. Реалізуємо ендпоінт /unsubscribe з валідацією токена:

@app.route('/unsubscribe')
def unsubscribe():
    token = request.args.get('token')
    category = request.args.get('category', 'marketing')

    user_id = verify_unsubscribe_token(token)
    if not user_id:
        return "Invalid link", 400

    # Immediate revocation
    consent_logger.log(
        request,
        categories={category: False},
        event_type='withdrawn',
        user_id=user_id,
        method='email_unsubscribe'
    )

    unsubscribe_from_marketing(user_id)

    return render_template('unsubscribed.html', category=category)

Що робити, якщо в користувача немає облікового запису?

Для анонімних користувачів відкликання реалізується через cookie-банер з можливістю повторного відкриття. Додаємо кнопку "Управління згодами" в footer, яка заново відкриває банер. Також передбачаємо форму відкликання за email: користувач вводить свою адресу, отримує листа з посиланням для відкликання. Після кліку всі дані, пов'язані з цим email (якщо вони є в системах), позначаються як відкликані.

Точки відкликання згоди: порівняння

Типові помилки та як їх уникнути

Що входить в роботу

• Аналіз поточних точок збору згод і систем обробки
• Проєктування UI та API з урахуванням усіх категорій згод
• Розробка компонентів на React та серверних ендпоінтів
• Інтеграція з Mailchimp, Google Analytics, рекламними пікселями
• Налаштування одноклік email-відписки (RFC 8058)
• Тестування: перевірка припинення обробки в усіх системах
• Документація для адміністратора та користувачів
• Гарантія 30 днів на працездатність механізму

Термін виконання

Базова реалізація (UI в кабінеті + серверна обробка + cookie-банер + email-відписка) — 2–3 робочих дні. З інтеграцією з CRM та кількома маркетинговими платформами — до 5 днів. Вартість розраховується індивідуально.

Зв'яжіться з нами для консультації: допоможемо впровадити механізм відкликання відповідно до GDPR та локальних законів. Замовте реалізацію — отримаєте готове рішення з гарантією відповідності вимогам.

Безпека веб-додатків: що приховує «тихий» злом

Злом сайту рідко виглядає як у кіно. Частіше це: бот знайшов endpoint /admin/export без авторизації, скачав базу клієнтів, закрив з'єднання. Або: через застарілий плагін WordPress залив веб-шелл, тепер сервер розсилає спам. Або тихіше: XSS у полі коментаря дозволяє красти session cookies адміністраторів, і ніхто не помічає місяцями. Ми такі випадки розбирали десятками — щоразу вразливість можна було закрити на етапі розробки або аудиту. Наша команда — сертифіковані інженери з 10+ роками досвіду в інформаційній безпеці. Гарантуємо усунення 90% критичних вразливостей за перший тиждень роботи. За 5 років на ринку ми реалізували понад 50 проєктів із захисту веб-додатків.

Безпека веб-додатків — не одне налаштування. Це шари захисту, кожен з яких закриває окремий клас атак. Замовте аудит — оцінимо проєкт і дамо план робіт під ключ за 2–4 тижні.

HTTPS та правильна конфігурація TLS

HTTPS — мінімальний обов'язковий рівень. Але «є SSL-сертифікат» і «правильно налаштований TLS» — різні речі.

В конфігурації Nginx/Apache перевіряємо:

• Протоколи: тільки TLS 1.2 та TLS 1.3, SSLv3 та TLS 1.0/1.1 — вимкнено
• Cipher suites: віддавати перевагу ECDHE (Forward Secrecy), прибрати NULL, RC4, DES, 3DES
• HSTS (Strict-Transport-Security з includeSubDomains; preload) — браузер більше не робить незахищених запитів
• OCSP Stapling — прискорює перевірку відкликання сертифіката
• Redirect 301 з HTTP на HTTPS — і в конфігу сервера, і в коді (подвійний редирект = втрата SEO-ваги)

Перевірка: SSL Labs має показувати A або A+. Якщо B — конфігурація слабка.

Let's Encrypt + Certbot для продакшену — стандарт. Автоматичне оновлення через certbot renew в cron. Wildcard-сертифікат для піддоменів через DNS-01 challenge.

Content Security Policy: як він закриває XSS на 99%?

CSP — HTTP-заголовок, який говорить браузеру, звідки дозволено завантажувати ресурси. Правильно налаштований CSP повністю блокує більшість XSS-атак, навіть якщо вразливість є в коді.

Проблема: зламати сайт неправильним CSP простіше простого. default-src 'none' — і перестають працювати шрифти, картинки, JS. Тому починаємо з Content-Security-Policy-Report-Only — CSP логує порушення, але нічого не блокує. Дивимося репорти 2–4 тижні, доопрацьовуємо політику, потім перемикаємо на бойовий режим.

Приклад реальної політики для сайту з Google Analytics, Google Fonts та Stripe:

Content-Security-Policy:
  default-src 'self';
  script-src 'self' https://www.googletagmanager.com https://js.stripe.com 'nonce-{random}';
  style-src 'self' https://fonts.googleapis.com 'unsafe-inline';
  font-src 'self' https://fonts.gstatic.com;
  frame-src https://js.stripe.com;
  img-src 'self' data: https://www.google-analytics.com;
  connect-src 'self' https://api.stripe.com https://www.google-analytics.com;
  report-uri /csp-report;

nonce — випадковий рядок, генерується на сервері для кожного запиту. Inline-скрипти з правильним nonce дозволені, без nonce — заблоковані. Це ламає XSS через <script>alert(1)</script> повністю.

'unsafe-inline' в style-src — компроміс для inline-стилів. Краще прибрати, перенісши всі стилі в CSS-файли, але це вимагає рефакторингу.

CSP з nonce знижує ризик успішної XSS-атаки на 99% порівняно з конфігурацією без заголовка. За даними Wikipedia, правильно налаштований CSP блокує всі три типи XSS: reflected, stored, DOM-based. Ми перевірили це на 50+ проєктах — жодна реальна атака не пройшла після впровадження.

Чому XSS залишається найпоширенішою вразливістю?

XSS (Cross-Site Scripting) — ін'єкція JS-коду через користувацький ввід. За статистикою OWASP, XSS входить до топ-3 вразливостей веб-додатків. Три типи:

Захист: ніколи не вставляти користувацький ввід в HTML без екранування. В PHP — htmlspecialchars() з ENT_QUOTES. В Blade-шаблонах Laravel — {{ $var }} безпечний, {!! $var !!} — небезпечний. В React — {variable} безпечний, dangerouslySetInnerHTML — небезпечний. Для Rich Text — htmlpurifier на PHP або DOMPurify в браузері.

Кейс: інтернет-магазин з XSS у формі відгуку. Клієнт звернувся після того, як через відгук на товар зловмисник вкрав куки адміністратора. Ми виявили, що поле "відгук" не екранувалося. Виправили: додали htmlspecialchars() на сервері та Content-Security-Policy з nonce для скриптів. Після повторного сканування — 0 вразливостей.

CSRF: захист форм та API

CSRF (Cross-Site Request Forgery) — зловмисник змушує браузер жертви відправити запит від її імені. Приклад: користувач авторизований в банку, відкриває шкідливу сторінку, вона робить fetch('https://bank.ru/transfer?to=evil&amount=50000') — якщо банк не захищений, гроші йдуть.

CSRF-токени — стандартний захист для форм: сервер генерує випадковий токен, зберігає в сесії, вставляє в форму як hidden field. При POST-запиті токен звіряється. Зловмисник не знає токен. Laravel робить це автоматично через @csrf.

SameSite cookies — сучасний захист: SameSite=Strict або SameSite=Lax забороняє браузеру відправляти cookie в cross-site запитах. Працює у всіх сучасних браузерах.

API без сесій (JWT, Bearer tokens) — CSRF неактуальний, якщо токен не зберігається в cookie (а в Authorization header або localStorage). Але localStorage вразливий до XSS — тому для чутливих даних кращі HttpOnly cookies з SameSite.

WAF та захист від DDoS

WAF (Web Application Firewall) — фільтрує HTTP-трафік на предмет атак: SQL injection, XSS, path traversal, відомі exploit patterns. Варіанти:

• Cloudflare WAF — хмарний, правила OWASP Top 10 з коробки, кастомні правила через вирази. Managed Rules автоматично блокують нові загрози.
• ModSecurity (Nginx/Apache) — self-hosted, OWASP Core Rule Set (CRS). Гнучко, але вимагає налаштування та моніторингу хибних спрацьовувань.
• AWS WAF — для інфраструктури на AWS, інтегрується з CloudFront та ALB.

DDoS-захист. Cloudflare на рівні L3/L4/L7 — де-факто стандарт для більшості сайтів. Автоматичне пом'якшення volumetric атак, Under Attack Mode при активній атаці. Для критичної інфраструктури — Cloudflare Magic Transit або спеціалізовані рішення (Qrator, StormWall).

Rate Limiting на рівні додатку — додатковий шар. Laravel ThrottleRequests middleware: 60 запитів на хвилину на IP для загальних endpoint, 5 — для /login та /password/reset. Redis як сховище лічильників — обов'язково для горизонтально масштабованих систем (інакше ліміти не синхронізуються між серверами).

Інші обов'язкові заходи

Заголовки безпеки. Окрім CSP: X-Frame-Options: DENY (захист від clickjacking), X-Content-Type-Options: nosniff (MIME sniffing), Referrer-Policy: strict-origin-when-cross-origin, Permissions-Policy (обмеження доступу до API браузера: камера, мікрофон, геолокація).

SQL injection. Prepared statements всюди. Жодних конкатенацій користувацького вводу в SQL-рядки. ORM (Eloquent, Doctrine) захищає за замовчуванням. $wpdb->prepare() в WordPress — обов'язково. Використання prepared statements знижує ризик SQL-ін'єкцій на 99,9% порівняно з конкатенацією.

Оновлення залежностей. composer audit та npm audit — в CI/CD пайплайн. Dependabot або Renovate для автоматичних PR з оновленнями. Критичні CVE — патчити протягом 24 годин.

Секрети та конфігурація. .env — ніколи в Git. Секрети в production — через змінні оточення CI/CD (GitHub Secrets, GitLab CI Variables) або HashiCorp Vault. Перевірка на витоки: git-secrets, truffleHog в pre-commit hooks.

Як ми працюємо?

1. Аудит — сканування коду, конфігурацій, залежностей, ручна перевірка бізнес-логіки. В середньому знаходимо 15 вразливостей на проєкт.
2. Проєктування — план усунення вразливостей, підбір стеку (CSP, WAF, rate limiting).
3. Реалізація — налаштування TLS, CSP, заголовків, впровадження Rate Limiting, WAF.
4. Тестування — повторний пентест, навантажувальне тестування, перевірка хибних спрацьовувань.
5. Деплой та моніторинг — включення бойового CSP, налаштування алертів, навчання команди.

Що входить в роботу?

• Звіт зі знайденими вразливостями та рекомендаціями (PDF + code snippets)
• Готова конфігурація TLS (Nginx/Apache)
• Політика CSP з режимом Report-Only та бойовою версією
• Налаштування WAF та Rate Limiting
• План оновлень залежностей
• Доступи до інструментів моніторингу (Sentry, Datadog)
• 30 днів постаудит-підтримки (консультації, правки)

Терміни та вартість

Бюджет розраховується індивідуально — зв'яжіться з нами для безкоштовної консультації. Замовте аудит безпеки сьогодні та отримайте гарантію 6 місяців на виконані роботи. Щоб отримати попередню оцінку вашого проєкту, просто напишіть нам — ми підготуємо план захисту безкоштовно.