Сканер видит только открытые страницы. 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 или сначала попросите у нас демо-кабинет.