Сканер бачить лише відкриті сторінки. SDK показує, де спотикаються ваші реальні відвідувачі.
Кошик, оформлення замовлення, особистий кабінет, вікна після входу — сканер туди не потрапляє. Встановіть SDK одним рядком, і проблемні місця з’являться в кабінеті Pandus: на якій сторінці, на якому елементі, скільки відвідувачів із цим зіткнулися. Перевіряйте доступність на живому трафіку, а не на здогадах.
- Один рядок коду, близько 5 КБ
- Нічого не надсилається до згоди
- Дані в UK та ЄС
Як це виглядає
Що бачить сканер і що додає SDK
Щотижневий сканер перевіряє відкриті сторінки так, як їх бачить гість. SDK працює всередині справжніх візитів, тож разом вони дають пріоритет за реальним трафіком.
| Сканер + SDK | Лише сканер | |
|---|---|---|
| Відкриті сторінки | Так | Так |
| Кошик, оформлення, особистий кабінет | Так | Ні |
| Відкриті вікна, меню та стани після кліку | Так | Частково |
| Реальні пристрої, масштабування й клавіатура | Так | Ні |
| Скільки відвідувачів натрапляє на проблему | Так | Ні |
| Порядок виправлень за реальним трафіком | Так | Ні |
| Перевіряє, що виправлення спрацювало для відвідувачів | Так | Ні |
Як це працює
Три кроки, а на другому ваші відвідувачі просто користуються сайтом.
-
1
Додайте один рядок коду
Вставте сніпет, підтвердьте домен, і кабінет покаже «SDK працює», щойно перший відвідувач погодиться.
-
2
Відвідувачі користуються сайтом
З їхньої згоди SDK помічає, де люди спотикаються: застряглий фокус, елементи без назви, форми, що не пояснюють помилок, сторінки, що ламаються при масштабуванні.
-
3
Ви отримуєте список «що виправити першим»
Знахідки сканера, живі сигнали, розширення браузера й повідомлення про бар’єри потрапляють в один список, упорядкований за серйозністю та реальним трафіком.
Що SDK помічає в реальних візитах
Кожен сигнал прив’язаний до сторінки, елемента й критерію успіху WCAG. Він описує сторінку, ніколи не людину.
| Сигнал | Що це означає | WCAG |
|---|---|---|
| Пастка фокуса | Tab і Shift+Tab ходять по колу з кількох елементів, а Esc не виводить | 2.1.2 |
| Втрата фокуса | Після закриття вікна чи видалення елемента фокус падає на body сторінки | 2.4.3 |
| Невидимий фокус | Елемент у фокусі ніяк видимо не змінюється | 2.4.7, 2.4.11 |
| Фокус під перекриттям | Липка шапка або банер закриває елемент у фокусі | 2.4.11 |
| Стрибки порядку фокуса | Наступний фокус стрибає проти візуального порядку сторінки | 2.4.3 |
| Елемент без семантики | Клікабельний елемент без ролі й назви, недосяжний з клавіатури | 4.1.2, 2.1.1 |
| Фокус у прихованому вмісті | Фокус потрапляє в частину, приховану від допоміжних технологій | 4.1.2 |
| Неоголошені помилки форм | Форма не проходить без aria-invalid чи пов’язаного повідомлення або надсилається знову й знову | 3.3.1, 3.3.3 |
| Перекомпонування й масштаб | Горизонтальна прокрутка на 320 CSS px або при масштабуванні, обрізаний текст | 1.4.10, 1.4.4 |
| Автозапуск зі звуком | Відео чи аудіо зі звуком стартує без кліку | 1.4.2 |
| Живий axe | axe-core працює на невеликій вибірці реальних станів сторінки: відкриті вікна, кошик, кабінет | за правилом |
| Rage- і мертві кліки | Повторні кліки без реакції сторінки | — |
Посилання «перейти до вмісту», яким відвідувачі справді користуються, зараховується як позитивний сигнал. Повідомлення з форми «Повідомити про бар’єр» пов’язуються зі сторінкою та її сигналами.
Один список «що виправити першим»
Порядок і поради визначають правила й картки правил. Жодних здогадок ШІ.
-
Чотири джерела, один список
Знахідки сканера, живі сигнали, перевірки розширення й повідомлення про бар’єри; у кожної проблеми бейджі джерел. Фільтри за статусом, сторінкою, WCAG, серйозністю та виконавцем.
-
Пріоритет за реальним трафіком
Серйозність × частка зачеплених сесій × трафік сторінки × підтвердження сканером і відвідувачами × повідомлення про бар’єри. Бар’єр на кроці перед покупкою піднімається вгору.
-
Картка для кожної проблеми
Чому це важливо для бізнесу, де трапляється, докази (скриншот, селектор, графік живих сигналів, записи, фрагмент теплової карти) і як виправити в Shopify, WooCommerce, PrestaShop, Shoptet або в коді.
-
Виправлено, потім підтверджено
Відкрито → у роботі → виправлено → підтверджено, коли живий сигнал опускається нижче порога, або «повернулося». «Перевірити виправлення» знову запускає сканер і стежить за живим трафіком.
-
Індекс здоров’я 0–100
Одне число зі сканера й живих бар’єрів, формула — в один клік, тренд у часі.
-
Тижневий дайджест і сповіщення про сплески
Нові бар’єри, що підтверджено виправленим, і різкі сплески — e-mail і Telegram. Різке зростання надсилає сповіщення одразу.
Поведінка: теплові карти, записи, фрустрація, швидкість
Дивіться, як люди рухаються сторінкою, а кожен текст і кожне поле маскуються ще до того, як щось залишить браузер.
-
Теплові карти
Кліки, фокус клавіатури, глибина прокрутки, увага, rage- і мертві кліки на скриншоті сторінки, за шаблоном сторінки й пристроєм. Кожен шар має й таблицю.
-
Записи сесій
Записуються rrweb лише після згоди на «записи»: увесь текст і всі поля замасковані, поля оплати ніколи не видно, частка сесій і денний ліміт — з вашого тарифу.
-
Плеєр, яким можна керувати з клавіатури
Пропуск бездіяльності, швидкість, переходи до моментів бар’єрів і фрустрації на таймлайні, посилання на момент, відкриття картки проблеми.
-
Фрустрація
Rage-, мертві кліки та кліки з помилкою, швидкі повернення, надмірна прокрутка й покинуті форми з останнім полем (ніколи не його значенням), за сторінками.
-
Швидкість
Web Vitals за сторінками й пристроями на 75-му перцентилі: LCP, INP, CLS, FCP і TTFB, з елементом-винуватцем для кожного.
-
Помилки JavaScript
Згруповані за повідомленням, стеки очищені від URL і персональних даних, пов’язані з кліками, що їх спричинили.
Приватність вбудована, а не прикручена
Pandus обробляє дані ваших відвідувачів від вашого імені як обробник, за нашим договором про обробку даних.
- Спершу згода. До згоди відвідувача нічого не надсилається, не зберігається й не встановлюється. Наш власний доступний банер або відповідь Cookiebot, CookieYes, Complianz чи Google Consent Mode.
- Жодного профілювання людей. Не визначаємо скринрідери чи інвалідність, не позначаємо сесії, немає фільтрів за способом введення.
- Маскування за замовчуванням. Значення полів ніколи не збираються. Записи маскують увесь текст; оплата й заблоковані частини лишаються прихованими завжди.
- Чисті адреси й жодного IP у сховищі. Лишаються тільки дозволені параметри запиту, e-mail і токени вирізаються. IP дає країну й відкидається.
- Зберігання в UK та ЄС. Події в Лондоні, записи в Німеччині, строк зберігання за тарифом, видалення на запит.
Маскується в браузері, а не потім
Записи показують розмітку й дії людей, а не те, що вони вводили чи читали. Текст перетворюється на зірочки, поля — на крапки в браузері відвідувача, ще до того, як буде надіслано хоч один байт.
- Поля введення, поля оплати та елементи з data-pandus-mask чи data-pandus-block приховані завжди.
- Ви можете показати текст вибраних елементів, наприклад навігації, але ніколи — полів.
- Сторінки, які ви виключите, як-от крок оплати чи кабінет, не записуються зовсім.
Аналітика рівня GA4 — після згоди
Усе, для чого ви використовуєте GA4, плюс бар’єри на кожному кроці, в одному місці.
-
Звіти
Реальний час, трафік із порівнянням періодів і нотатками, джерела й канали з першим і останнім кліком, сторінки, події, конверсії, аудиторія за країною, пристроєм, браузером і мовою.
-
Воронки, шляхи й утримання
Відкриті й закриті воронки з бар’єрами між кроками, шляхи до події та від неї, тижневі когорти.
-
E-commerce
Схема e-commerce GA4: товари, кошик, кроки оформлення й виручка у вашій валюті.
-
Події без коду
Клік за селектором, перегляд URL, надсилання форми, елемент став видимим: створіть у кабінеті або вкажіть елемент у розширенні — і подія рахується заднім числом.
-
Розумні події
Додавання в кошик, оформлення, покупка, реєстрація, вхід, контакт і лід розпізнаються сімома мовами. Ви підтверджуєте або вимикаєте їх.
-
Конструктор звітів, сповіщення, API
Виміри × метрики таблицею чи графіком, збережені звіти, сповіщення на кшталт «конверсія впала на 30 %», експорт CSV і API для читання.
Ваш сайт наживо в розширенні браузера
Відкрийте власний сайт і побачте дані SDK прямо поверх нього. Розширення не просить нових дозволів.
-
Маркери бар’єрів на сторінці
«Тут фокус застряг 214 разів за 7 днів» — просто на елементі, з проблемами цієї сторінки та їхнім статусом.
-
Теплова карта поверх живої сторінки
Кліки, фокус і rage-кліки поверх відкритої сторінки в шарі Shadow DOM, що не чіпає ваших стилів.
-
Налагоджувач SDK
Чи є SDK на цій сторінці, які модулі працюють, стан згоди, помилки CSP і живий потік подій цієї вкладки.
-
Перевірка виправлення зі сторінки
Локальна перевірка axe плюс запит до сканера; проблема чекає підтвердження від живих відвідувачів.
Для студій
Усі сайти клієнтів під вашим брендом і є що показати ще до встановлення коду.
-
Портфель
Кожен сайт клієнта в одній таблиці: індекс здоров’я, живі бар’єри, трафік, статус SDK і тренд, з фільтром «погіршилось цього тижня».
-
Посилання для клієнта
Посилання лише для перегляду з розділами, які ви оберете. Аналітика й записи вимкнені, доки ви їх не ввімкнете.
-
Блоки SDK у white-label звітах
Живі бар’єри, що виправлено й підтверджено, конверсія до й після — з вашим логотипом і кольорами.
-
Демо-режим
Відкрийте кабінет на демо-даних Pandus, чітко позначених як приклад, щоб показати клієнту цінність до встановлення.
Працює з вашими інструментами
-
Будь-який сайт
Один тег script у head. Wix, Tilda, Webflow та інші — через поле власного коду; односторінкові застосунки відстежуються через History API.
-
WordPress і WooCommerce
Плагін Pandus додає SDK однією кнопкою й надсилає замовлення WooCommerce із сервера, тож блокувальник у браузері не загубить покупку.
-
Shopify
Вставте сніпет у theme.liquid. Банер згоди магазину передає вибір відвідувача в SDK.
-
Google Tag Manager
Шаблон тега для встановлення SDK і необов’язковий імпорт подій із вашого dataLayer.
-
Події з вашого сервера
Ендпоінт у стилі GA4 Measurement Protocol для замовлень, повернень та інших подій бекенду.
-
MCP-сервер для ШІ-асистентів
Підключіть Pandus до Claude, Cursor чи іншого MCP-клієнта: асистент читає, що виправити, картку правила й живі бар’єри та після правки запускає повторну перевірку — лише з правами з вашого токена.
Відкритий код
Браузерний SDK має відкритий код за ліцензією MIT. Будь-хто може прочитати, що саме він збирає і як маскує дані, перш ніж щось залишить сторінку.
-
Код на GitHub
github.com/Pandus-Online/Pandus-SDK · MIT
Код на GitHub -
npm-пакет
@pandus/sdk · Встановлення через npm чи yarn, типізований, з помічниками для React, Next.js, Vue і Nuxt.
npm-пакет
Ліміти за тарифами
SDK входить у тарифи Pro та Agency. Ліміти спільні для всіх сайтів команди.
| Тариф | Сайтів із SDK | Подій на місяць | Записів на місяць | Зберігання подій, днів | Зберігання записів, днів | Вибірка живого axe |
|---|---|---|---|---|---|---|
| Pro | 1 | 1 500 000 | 300 | 395 | 30 | 2 % |
| Agency 10 | 10 | 6 000 000 | 1 000 | 395 | 30 | 2 % |
| Agency 25 | 25 | 15 000 000 | 2 500 | 395 | 30 | 2 % |
| Agency 50 | 50 | 30 000 000 | 5 000 | 395 | 30 | 2 % |
Один перегляд сторінки — це близько 15 подій. Сигнали бар’єрів рахуються окремо й обрізаються останніми, коли ліміт вичерпано. Ціни — на сторінці Ціни.
Чого SDK не робить
Чесність — частина продукту.
- Не змінює й не «виправляє» сайт і не є оверлеєм.
- Не визначає людей, їхнє здоров’я чи допоміжні технології, якими вони користуються.
- Не збирає того, що відвідувачі вводять у поля.
- Автоматичні перевірки — не повний аудит і не юридична консультація. Ручна перевірка все одно потрібна.
Часті запитання
Pandus SDK — це оверлей?
Ні. SDK нічого не змінює на сайті й нічого не «виправляє» сам. Він додає лише власні елементи: банер згоди й необов’язкову кнопку «Повідомити про бар’єр». Він вимірює, де відвідувачі натрапляють на бар’єри, щоб ваша команда виправила код. Більше про те, чому оверлеї не працюють.
Чи визначає SDK, хто з відвідувачів має інвалідність?
Ні, і ніколи не намагається. Сигнали бар’єрів анонімні: вони описують сторінку й елемент, а не людину. SDK ніколи не позначає людину чи сесію як користувача скринрідера або людину з інвалідністю. Налаштування відображення, як-от зменшений рух, показуються лише як частки й лише якщо за ними щонайменше 20 сесій.
Що збирається, доки відвідувач не погодився?
Нічого. У ЄС, ЄЕЗ, UK та в невідомих країнах SDK не надсилає жодного запиту, не ставить cookie й нічого не записує, доки відвідувач не погодиться. Наші тести перевіряють саме це. Якщо на сайті вже є інструмент згоди, SDK читає його відповідь і не показує власного банера.
Де зберігаються дані?
Події — у ClickHouse Cloud у Лондоні (UK, є рішення ЄС про адекватність). Записи сесій — у Hetzner Object Storage у Фалькенштайні, Німеччина. Повний список — на сторінці субобробників.
Чи сповільнить він сайт?
Завантажувач важить близько 5 КБ gzip і вантажиться асинхронно. Модулі вантажаться лише після згоди й лише якщо ввімкнені. Події йдуть пачками в час простою, а наші наскрізні тести перевіряють, що наш код не створює long task довше 50 мс.
Які тарифи включають SDK?
Pro та Agency. Ліміти за тарифами — у таблиці на цій сторінці та на сторінці Ціни. На Free кнопка «Повідомити про бар’єр» і сторінка про доступність лишаються як є.
Чистий кабінет означає, що сайт відповідає EAA?
Ні. SDK і сканер — це автоматичні перевірки, не повний аудит і не юридична консультація. Вони показують, де люди спотикаються і що виправити першим; ручна перевірка все одно потрібна.
Чи може студія використовувати його для сайтів клієнтів?
Так. Тарифи Agency дають портфель усіх сайтів клієнтів, посилання лише для перегляду для клієнта, блоки SDK у white-label звітах і демо-режим, щоб показати екрани ще до встановлення.
Побачте, де спотикаються ваші відвідувачі
Встановіть SDK на Pro чи Agency або спершу попросіть у нас демо-кабінет.