Skanery widzą tylko publiczne strony. SDK pokazuje, gdzie utykają prawdziwi odwiedzający.
Koszyk, kasa, konto klienta, ekrany po zalogowaniu: tam skaner nigdy nie dociera. Dodaj SDK jedną linią, a problematyczne miejsca pojawią się w panelu Pandus: która strona, który element, ilu odwiedzających się na nie natknęło. Sprawdzaj dostępność na prawdziwym ruchu, a nie na domysłach.
- Jedna linia kodu, ok. 5 KB
- Nic nie jest wysyłane przed zgodą
- Dane w UK i UE
Jak to wygląda
Co widzi skaner, a co dodaje SDK
Cotygodniowy skaner sprawdza publiczne strony tak, jak widzi je gość. SDK działa w prawdziwych wizytach, więc razem dają kolejność opartą na prawdziwym ruchu.
| Skaner + SDK | Sam skaner | |
|---|---|---|
| Strony publiczne | Tak | Tak |
| Koszyk, kasa, konto klienta | Tak | Nie |
| Otwarte okna, menu i stany po kliknięciu | Tak | Częściowo |
| Prawdziwe urządzenia, powiększenie i klawiatura | Tak | Nie |
| Ilu odwiedzających trafia na problem | Tak | Nie |
| Kolejność poprawek według prawdziwego ruchu | Tak | Nie |
| Sprawdza, czy poprawka zadziałała dla odwiedzających | Tak | Nie |
Jak to działa
Trzy kroki, a w drugim Twoi odwiedzający po prostu korzystają ze strony.
-
1
Dodaj jedną linię kodu
Wklej fragment kodu, potwierdź domenę, a panel pokaże „SDK działa”, gdy tylko pierwszy odwiedzający wyrazi zgodę.
-
2
Odwiedzający korzystają ze strony
Za ich zgodą SDK zauważa, gdzie ludzie utykają: uwięziony fokus, kontrolki bez nazwy, formularze, które nie wyjaśniają błędów, strony, które psują się po powiększeniu.
-
3
Dostajesz listę, co naprawić najpierw
Wyniki skanera, sygnały na żywo, rozszerzenie przeglądarki i zgłoszenia barier trafiają na jedną listę, uporządkowaną według wagi i prawdziwego ruchu.
Co SDK zauważa w prawdziwych wizytach
Każdy sygnał jest powiązany ze stroną, elementem i kryterium sukcesu WCAG. Opisuje stronę, nigdy osobę.
| Sygnał | Co oznacza | WCAG |
|---|---|---|
| Pułapka fokusu | Tab i Shift+Tab krążą po kilku elementach, a Esc nie pozwala wyjść | 2.1.2 |
| Utracony fokus | Po zamknięciu okna lub usunięciu elementu fokus spada na body strony | 2.4.3 |
| Niewidoczny fokus | Element z fokusem nie zmienia się wizualnie | 2.4.7, 2.4.11 |
| Zasłonięty fokus | Przyklejony nagłówek lub baner zasłania element z fokusem | 2.4.11 |
| Skoki kolejności fokusu | Kolejny fokus skacze wbrew wizualnej kolejności strony | 2.4.3 |
| Kontrolka bez semantyki | Klikalny element nie ma roli ani nazwy i nie da się do niego dojść klawiaturą | 4.1.2, 2.1.1 |
| Fokus w ukrytej treści | Fokus trafia do części ukrytej przed technologiami asystującymi | 4.1.2 |
| Nieogłoszone błędy formularza | Formularz nie przechodzi bez aria-invalid lub powiązanego komunikatu albo jest wysyłany raz po raz | 3.3.1, 3.3.3 |
| Przepływ i powiększenie | Przewijanie w poziomie przy 320 px CSS lub po powiększeniu, ucięty tekst | 1.4.10, 1.4.4 |
| Autoodtwarzanie z dźwiękiem | Wideo lub audio z dźwiękiem startuje bez kliknięcia | 1.4.2 |
| axe na żywo | axe-core działa na małej próbce prawdziwych stanów strony: otwarte okna, koszyk, konto | wg reguły |
| Kliknięcia ze złości i martwe kliknięcia | Powtarzane kliknięcia bez reakcji strony | — |
Link „przejdź do treści”, z którego odwiedzający naprawdę korzystają, liczy się jako sygnał pozytywny. Zgłoszenia z formularza „Zgłoś barierę” są wiązane ze stroną i jej sygnałami.
Jedna lista: co naprawić najpierw
O kolejności i poradach decydują reguły i karty reguł. Żadnego zgadywania przez AI.
-
Cztery źródła, jedna lista
Wyniki skanera, sygnały na żywo, kontrole rozszerzenia i zgłoszenia barier, każdy problem z plakietkami źródeł. Filtry: status, strona, WCAG, waga i osoba odpowiedzialna.
-
Priorytet z prawdziwego ruchu
Waga × udział dotkniętych sesji × ruch strony × potwierdzenie przez skaner i odwiedzających × zgłoszenia barier. Bariera na kroku przed zakupem idzie w górę.
-
Karta dla każdego problemu
Dlaczego to ważne dla biznesu, gdzie występuje, dowody (zrzut ekranu, selektor, wykres sygnałów na żywo, nagrania, fragment mapy ciepła) i jak naprawić w Shopify, WooCommerce, PrestaShop, Shoptet lub w kodzie.
-
Naprawione, potem potwierdzone
Otwarte → w toku → naprawione → potwierdzone, gdy sygnał na żywo spadnie poniżej progu, albo „wróciło”. „Sprawdź poprawkę” uruchamia ponownie skaner i obserwuje ruch na żywo.
-
Indeks zdrowia 0–100
Jedna liczba ze skanera i barier na żywo, ze wzorem o jedno kliknięcie i trendem w czasie.
-
Tygodniowe podsumowanie i alerty o skokach
Nowe bariery, potwierdzone poprawki i nagłe skoki e-mailem i w Telegramie. Gwałtowny wzrost wysyła alert od razu.
Zachowanie: mapy ciepła, nagrania, frustracja, szybkość
Zobacz, jak ludzie poruszają się po stronie, a każdy tekst i każde pole są maskowane, zanim cokolwiek opuści przeglądarkę.
-
Mapy ciepła
Kliknięcia, fokus klawiatury, głębokość przewijania, uwaga, kliknięcia ze złości i martwe, na zrzucie ekranu strony, według szablonu strony i urządzenia. Każda warstwa ma też tabelę.
-
Nagrania sesji
Nagrywane rrweb tylko po zgodzie na „nagrania”: cały tekst i wszystkie pola zamaskowane, pola płatności nigdy niewidoczne, część sesji i dzienny limit z Twojego planu.
-
Odtwarzacz obsługiwany klawiaturą
Pomijanie bezczynności, zmiana tempa, skoki do momentów barier i frustracji na osi czasu, link do momentu, otwarcie karty problemu.
-
Frustracja
Kliknięcia ze złości, martwe i z błędem, szybkie powroty, nadmierne przewijanie i porzucone formularze z ostatnim polem (nigdy jego wartością), według stron.
-
Szybkość
Web Vitals według stron i urządzeń na 75. percentylu: LCP, INP, CLS, FCP i TTFB, z elementem odpowiedzialnym za każdy.
-
Błędy JavaScript
Pogrupowane według komunikatu, ze stosami oczyszczonymi z URL i danych osobowych, powiązane z kliknięciami, które je wywołały.
Prywatność wbudowana, nie doklejona
Pandus przetwarza dane Twoich odwiedzających w Twoim imieniu jako podmiot przetwarzający, na podstawie naszej umowy powierzenia przetwarzania.
- Najpierw zgoda. Przed zgodą odwiedzającego nic nie jest wysyłane, zapisywane ani ustawiane. Nasz własny dostępny baner albo odpowiedź Cookiebot, CookieYes, Complianz lub Google Consent Mode.
- Żadnego profilowania ludzi. Brak wykrywania czytników ekranu czy niepełnosprawności, brak etykiet sesji, brak filtrów według sposobu wprowadzania.
- Domyślne maskowanie. Wartości pól nigdy nie są zbierane. Nagrania maskują cały tekst; płatności i zablokowane części zawsze pozostają ukryte.
- Czyste adresy i brak IP w bazie. Zostają tylko dozwolone parametry zapytania, e-maile i tokeny są wycinane. IP daje kraj i jest odrzucany.
- Przechowywanie w UK i UE. Zdarzenia w Londynie, nagrania w Niemczech, okres przechowywania według planu, usuwanie na żądanie.
Maskowane w przeglądarce, nie później
Nagrania pokazują układ i to, co ludzie zrobili, a nie to, co wpisali lub przeczytali. Tekst zamienia się w gwiazdki, a pola w kropki w przeglądarce odwiedzającego, zanim zostanie wysłany choćby jeden bajt.
- Pola formularzy, pola płatności i elementy oznaczone data-pandus-mask lub data-pandus-block są zawsze ukryte.
- Możesz pokazać tekst wybranych elementów, np. nawigacji, ale nigdy pól.
- Strony, które wykluczysz, np. krok płatności lub konto, w ogóle nie są nagrywane.
Analityka na poziomie GA4, po zgodzie
Wszystko, do czego używasz GA4, plus bariery na każdym kroku, w jednym miejscu.
-
Raporty
Czas rzeczywisty, ruch z porównaniem okresów i notatkami, źródła i kanały z pierwszym i ostatnim kliknięciem, strony, zdarzenia, konwersje, odbiorcy według kraju, urządzenia, przeglądarki i języka.
-
Lejki, ścieżki i retencja
Otwarte i zamknięte lejki z barierami między krokami, ścieżki do i od zdarzenia, tygodniowe kohorty.
-
E-commerce
Schemat e-commerce GA4: produkty, koszyk, kroki kasy i przychód w Twojej walucie.
-
Zdarzenia bez kodu
Kliknięcie selektora, wyświetlenie URL, wysłanie formularza, element staje się widoczny: zdefiniuj w panelu lub wskaż element w rozszerzeniu, a liczy się wstecz.
-
Inteligentne zdarzenia
Dodanie do koszyka, kasa, zakup, rejestracja, logowanie, kontakt i lead są rozpoznawane w siedmiu językach. Ty je potwierdzasz lub wyłączasz.
-
Kreator raportów, alerty, API
Wymiary × metryki jako tabela lub wykres, zapisane raporty, alerty typu „konwersja spadła o 30 %”, eksport CSV i API do odczytu.
Twoja strona na żywo w rozszerzeniu przeglądarki
Otwórz własną stronę i zobacz dane SDK bezpośrednio na niej. Rozszerzenie nie prosi o nowe uprawnienia.
-
Znaczniki barier na stronie
„Fokus utknął tu 214 razy w 7 dni”, wprost przy elemencie, z problemami tej strony i ich statusem.
-
Mapa ciepła na żywej stronie
Kliknięcia, fokus i kliknięcia ze złości na otwartej stronie, w warstwie Shadow DOM, która nie dotyka Twoich stylów.
-
Debugger SDK
Czy SDK jest na tej stronie, które moduły działają, stan zgody, błędy CSP i strumień zdarzeń tej karty na żywo.
-
Sprawdź poprawkę ze strony
Lokalna kontrola axe plus prośba do skanera; problem czeka na potwierdzenie od odwiedzających na żywo.
Dla agencji
Wszystkie strony klientów pod Twoją marką, z czymś do pokazania jeszcze przed instalacją kodu.
-
Portfel
Każda strona klienta w jednej tabeli: indeks zdrowia, bariery na żywo, ruch, status SDK i trend, z filtrem „pogorszyło się w tym tygodniu”.
-
Link dla klienta
Link tylko do odczytu z wybranymi sekcjami. Analityka i nagrania są wyłączone, dopóki ich nie włączysz.
-
Bloki SDK w raportach white-label
Bariery na żywo, co naprawiono i potwierdzono, konwersja przed i po, w Twoim logo i kolorach.
-
Tryb demo
Otwórz panel na danych demonstracyjnych Pandus, wyraźnie oznaczonych jako przykład, by pokazać klientowi wartość przed instalacją.
Działa z Twoimi narzędziami
-
Każda strona
Jeden tag script w head. Wix, Tilda, Webflow i inne przez pole własnego kodu; aplikacje jednostronicowe śledzone są przez History API.
-
WordPress i WooCommerce
Wtyczka Pandus dodaje SDK jednym przyciskiem i wysyła zamówienia WooCommerce z serwera, więc bloker w przeglądarce nie zgubi zakupu.
-
Shopify
Wklej fragment kodu do theme.liquid. Baner zgody sklepu przekazuje wybór odwiedzającego do SDK.
-
Google Tag Manager
Szablon tagu do instalacji SDK i opcjonalny import zdarzeń z dataLayer.
-
Zdarzenia z Twojego serwera
Endpoint w stylu GA4 Measurement Protocol dla zamówień, zwrotów i innych zdarzeń backendu.
-
Serwer MCP dla asystentów AI
Połącz Pandus z Claude, Cursor lub innym klientem MCP: asystent czyta, co naprawić, kartę reguły i bariery na żywo, a po poprawce uruchamia ponowną kontrolę, tylko z uprawnieniami z Twojego tokena.
Otwarty kod
SDK przeglądarkowe ma otwarty kod na licencji MIT. Każdy może sprawdzić, co dokładnie zbiera i jak maskuje dane, zanim cokolwiek opuści stronę.
-
Kod na GitHubie
github.com/Pandus-Online/Pandus-SDK · MIT
Kod na GitHubie -
Pakiet npm
@pandus/sdk · Instalacja przez npm lub yarn, typowany, z pomocnikami dla React, Next.js, Vue i Nuxt.
Pakiet npm
Limity według planu
SDK jest częścią planów Pro i Agency. Limity są wspólne dla stron zespołu.
| Plan | Strony z SDK | Zdarzenia na miesiąc | Nagrania na miesiąc | Przechowywanie zdarzeń, dni | Przechowywanie nagrań, dni | Próbka axe na żywo |
|---|---|---|---|---|---|---|
| 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 % |
Jedno wyświetlenie strony to ok. 15 zdarzeń. Sygnały barier liczone są osobno i odcinane jako ostatnie, gdy limit się wyczerpie. Ceny są w Cenniku.
Czego SDK nie robi
Uczciwość jest częścią produktu.
- Nie zmienia ani nie „naprawia” strony i nie jest nakładką.
- Nie identyfikuje ludzi, ich zdrowia ani technologii asystujących, których używają.
- Nie zbiera tego, co odwiedzający wpisują w pola.
- Kontrole automatyczne to nie pełny audyt i nie porada prawna. Ręczny przegląd jest nadal potrzebny.
Najczęstsze pytania
Czy Pandus SDK to nakładka (overlay)?
Nie. SDK niczego nie zmienia na stronie i niczego samo nie naprawia. Dodaje tylko własne elementy: baner zgody i opcjonalny przycisk „Zgłoś barierę”. Mierzy, gdzie odwiedzający trafiają na bariery, aby Twój zespół poprawił kod. Więcej o tym, dlaczego nakładki nie działają.
Czy SDK ustala, którzy odwiedzający mają niepełnosprawność?
Nie i nigdy tego nie próbuje. Sygnały barier są anonimowe: opisują stronę i element, nie osobę. SDK nigdy nie oznacza osoby ani sesji jako użytkownika czytnika ekranu czy osoby z niepełnosprawnością. Preferencje wyświetlania, np. ograniczony ruch, pokazuje tylko jako udziały i tylko przy co najmniej 20 sesjach.
Co jest zbierane, zanim odwiedzający wyrazi zgodę?
Nic. W UE, EOG, UK i w nieznanych krajach SDK nie wysyła żadnego żądania, nie ustawia cookie i niczego nie zapisuje, dopóki odwiedzający się nie zgodzi. Nasze testy sprawdzają właśnie to. Jeśli strona ma już narzędzie do zgód, SDK odczytuje jego odpowiedź i nie pokazuje własnego banera.
Gdzie są przechowywane dane?
Zdarzenia w ClickHouse Cloud w Londynie (UK, z decyzją UE stwierdzającą odpowiedni stopień ochrony). Nagrania sesji w Hetzner Object Storage w Falkenstein w Niemczech. Pełna lista jest na stronie podmiotów przetwarzających.
Czy spowolni moją stronę?
Loader ma ok. 5 KB gzip i ładuje się asynchronicznie. Moduły ładują się dopiero po zgodzie i tylko gdy są włączone. Zdarzenia idą paczkami w czasie bezczynności, a nasze testy end-to-end sprawdzają, że nasz kod nie powoduje long task powyżej 50 ms.
Które plany obejmują SDK?
Pro i Agency. Limity dla planów są w tabeli na tej stronie i w Cenniku. W planie Free przycisk „Zgłoś barierę” i strona o dostępności zostają bez zmian.
Czy czysty panel oznacza, że strona spełnia EAA?
Nie. SDK i skaner to kontrole automatyczne, nie pełny audyt i nie porada prawna. Pokazują, gdzie ludzie utykają i co naprawić najpierw; ręczny przegląd jest nadal potrzebny.
Czy agencja może używać go na stronach klientów?
Tak. Plany Agency dają portfel wszystkich stron klientów, linki tylko do odczytu dla klienta, bloki SDK w raportach white-label i tryb demo, by pokazać ekrany jeszcze przed instalacją.
Zobacz, gdzie utykają Twoi odwiedzający
Zainstaluj SDK w planie Pro lub Agency albo najpierw poproś nas o panel demo.