Scanerele văd doar paginile publice. SDK-ul arată unde se blochează vizitatorii reali.
Coș, finalizarea comenzii, cont de client, ecrane după autentificare: acolo scanerul nu ajunge niciodată. Adaugă SDK-ul cu o singură linie și locurile problematice apar în panoul Pandus: ce pagină, ce element, câți vizitatori au dat de ele. Testează accesibilitatea pe trafic real, nu pe presupuneri.
- O linie de cod, circa 5 KB
- Nimic nu se trimite înainte de consimțământ
- Date în UK și UE
Cum arată
Ce vede scanerul și ce adaugă SDK-ul
Scanerul săptămânal verifică paginile publice așa cum le vede un vizitator anonim. SDK-ul lucrează în vizitele reale, așa că împreună dau o ordine bazată pe trafic real.
| Scaner + SDK | Doar scaner | |
|---|---|---|
| Pagini publice | Da | Da |
| Coș, finalizare comandă, cont de client | Da | Nu |
| Ferestre deschise, meniuri și stări după un clic | Da | Parțial |
| Dispozitive reale, zoom și tastatură | Da | Nu |
| Câți vizitatori dau de o problemă | Da | Nu |
| Ordinea corecturilor după traficul real | Da | Nu |
| Verifică dacă o corectură a funcționat pentru vizitatori | Da | Nu |
Cum funcționează
Trei pași, iar la al doilea vizitatorii tăi pur și simplu folosesc site-ul.
-
1
Adaugă o linie de cod
Lipește fragmentul, confirmă domeniul, iar panoul arată „SDK-ul funcționează” imediat ce primul vizitator este de acord.
-
2
Vizitatorii folosesc site-ul
Cu acordul lor, SDK-ul observă unde se blochează oamenii: focus prins, comenzi fără nume, formulare care nu explică erorile, pagini care se strică la mărire.
-
3
Primești lista cu ce să repari întâi
Rezultatele scanerului, semnalele live, extensia de browser și raportările de bariere ajung într-o singură listă, ordonată după gravitate și traficul real.
Ce observă SDK-ul în vizitele reale
Fiecare semnal ține de o pagină, un element și criteriul de succes WCAG din spate. Descrie pagina, niciodată persoana.
| Semnal | Ce înseamnă | WCAG |
|---|---|---|
| Capcană de focus | Tab și Shift+Tab se învârt între câteva elemente, iar Esc nu scoate afară | 2.1.2 |
| Focus pierdut | După închiderea unei ferestre sau ștergerea unui element, focusul cade pe body | 2.4.3 |
| Focus invizibil | Elementul cu focus nu se schimbă vizibil | 2.4.7, 2.4.11 |
| Focus acoperit | Un antet fix sau un banner acoperă elementul cu focus | 2.4.11 |
| Salturi în ordinea focusului | Focusul următor sare contra ordinii vizuale a paginii | 2.4.3 |
| Comandă fără semantică | Un element clicabil nu are rol, nici nume și nu se poate atinge cu tastatura | 4.1.2, 2.1.1 |
| Focus în conținut ascuns | Focusul ajunge într-o parte ascunsă de tehnologiile asistive | 4.1.2 |
| Erori de formular neanunțate | Un formular eșuează fără aria-invalid sau un mesaj asociat ori este trimis iar și iar | 3.3.1, 3.3.3 |
| Reflow și zoom | Derulare orizontală la 320 px CSS sau la mărire, text tăiat | 1.4.10, 1.4.4 |
| Redare automată cu sunet | Video sau audio cu sunet pornește fără clic | 1.4.2 |
| axe live | axe-core rulează pe un mic eșantion de stări reale ale paginii: ferestre deschise, coș, cont | după regulă |
| Clicuri furioase și moarte | Clicuri repetate fără reacție din partea paginii | — |
Un link „sari la conținut” pe care vizitatorii chiar îl folosesc contează ca semnal pozitiv. Raportările din formularul „Raportează o barieră” sunt legate de pagină și semnalele ei.
O singură listă cu ce să repari întâi
Ordinea și sfaturile vin din reguli și fișe de reguli. Nicio ghicitoare AI.
-
Patru surse, o listă
Rezultatele scanerului, semnalele live, verificările extensiei și raportările de bariere, fiecare problemă cu insigne de sursă. Filtre după stare, pagină, WCAG, gravitate și responsabil.
-
Prioritate din trafic real
Gravitate × ponderea sesiunilor afectate × traficul paginii × confirmarea de scaner și vizitatori × raportări de bariere. O barieră la pasul dinaintea cumpărării urcă în listă.
-
O fișă pentru fiecare problemă
De ce contează pentru afacere, unde apare, dovezile (captură, selector, graficul semnalelor live, înregistrări, fragment de hartă termică) și cum o repari în Shopify, WooCommerce, PrestaShop, Shoptet sau în cod.
-
Reparat, apoi confirmat
Deschis → în lucru → reparat → confirmat când semnalul live scade sub prag, sau „a revenit”. „Verifică reparația” rulează din nou scanerul și urmărește traficul live.
-
Indice de sănătate 0–100
Un singur număr din scaner și barierele live, cu formula la un clic distanță și evoluția în timp.
-
Rezumat săptămânal și alerte la creșteri
Bariere noi, ce s-a confirmat reparat și creșteri bruște, pe e-mail și Telegram. O creștere abruptă trimite imediat o alertă.
Comportament: hărți termice, înregistrări, frustrare, viteză
Vezi cum se mișcă oamenii prin pagină, cu fiecare text și fiecare câmp mascat înainte ca ceva să plece din browser.
-
Hărți termice
Clicuri, focus de tastatură, adâncime de derulare, atenție, clicuri furioase și moarte, pe o captură a paginii, pe șablon de pagină și dispozitiv. Fiecare strat are și un tabel.
-
Înregistrări de sesiuni
Înregistrate cu rrweb doar după acordul pentru „înregistrări”: tot textul și toate câmpurile mascate, câmpurile de plată niciodată vizibile, o parte din sesiuni și o limită zilnică din planul tău.
-
Un player folosibil de la tastatură
Sari peste inactivitate, schimbă viteza, sari la momentele de barieră și frustrare pe cronologie, trimite un link la un moment, deschide fișa problemei.
-
Frustrare
Clicuri furioase, moarte și cu eroare, reveniri rapide, derulare excesivă și formulare abandonate cu ultimul câmp (niciodată valoarea lui), pe pagini.
-
Viteză
Web Vitals pe pagină și dispozitiv la percentila 75: LCP, INP, CLS, FCP și TTFB, cu elementul responsabil pentru fiecare.
-
Erori JavaScript
Grupate după mesaj, cu stive curățate de URL-uri și date personale, legate de clicurile care le-au produs.
Confidențialitate construită de la început
Pandus prelucrează datele vizitatorilor tăi în numele tău, ca persoană împuternicită, conform acordului nostru de prelucrare a datelor.
- Întâi consimțământul. Înainte de acordul vizitatorului nu se trimite, nu se salvează și nu se setează nimic. Bannerul nostru accesibil sau răspunsul Cookiebot, CookieYes, Complianz ori Google Consent Mode.
- Fără profilarea oamenilor. Fără detectarea cititoarelor de ecran sau a dizabilităților, fără etichete pe sesiuni, fără filtre după modul de interacțiune.
- Mascare implicită. Valorile câmpurilor nu se colectează niciodată. Înregistrările maschează tot textul; plata și părțile blocate rămân mereu ascunse.
- URL-uri curate și fără IP în stocare. Rămân doar parametrii permiși, e-mailurile și tokenurile sunt tăiate. IP-ul dă țara și este aruncat.
- Stocare în UK și UE. Evenimente la Londra, înregistrări în Germania, păstrare după plan, ștergere la cerere.
Mascat în browser, nu după aceea
Înregistrările arată aspectul și ce au făcut oamenii, nu ce au tastat sau citit. Textul devine asteriscuri, câmpurile puncte, în browserul vizitatorului, înainte să se trimită un singur octet.
- Câmpurile de introducere, câmpurile de plată și elementele marcate cu data-pandus-mask sau data-pandus-block sunt mereu ascunse.
- Poți arăta textul unor elemente alese, de exemplu navigația, dar niciodată pe cel al câmpurilor.
- Paginile pe care le excluzi, cum ar fi pasul de plată sau contul, nu se înregistrează deloc.
Analiză la nivel GA4, după consimțământ
Tot ce folosești în GA4, plus barierele de la fiecare pas, într-un singur loc.
-
Rapoarte
Timp real, trafic cu comparare de perioade și note, surse și canale cu primul și ultimul clic, pagini, evenimente, conversii, public după țară, dispozitiv, browser și limbă.
-
Pâlnii, trasee și retenție
Pâlnii deschise și închise cu barierele dintre pași, trasee spre și de la un eveniment, cohorte săptămânale.
-
E-commerce
Schema e-commerce GA4: produse, coș, pașii comenzii și veniturile în moneda ta.
-
Evenimente fără cod
Clic pe un selector, vizualizarea unui URL, trimiterea unui formular, un element devine vizibil: definește-l în panou sau alege elementul în extensie, iar evenimentul se calculează retroactiv.
-
Evenimente inteligente
Adăugare în coș, finalizare comandă, cumpărare, înregistrare, autentificare, contact și lead sunt recunoscute în șapte limbi. Tu le confirmi sau le dezactivezi.
-
Constructor de rapoarte, alerte, API
Dimensiuni × metrici ca tabel sau grafic, rapoarte salvate, alerte de tipul „conversia a scăzut cu 30 %”, export CSV și API de citire.
Site-ul tău, live, în extensia de browser
Deschide propriul site și vezi datele SDK direct pe el. Extensia nu cere permisiuni noi.
-
Marcaje de barieră pe pagină
„Focusul s-a blocat aici de 214 ori în 7 zile”, direct pe element, cu problemele acestei pagini și starea lor.
-
Hartă termică peste pagina live
Clicuri, focus și clicuri furioase peste pagina deschisă, într-un strat Shadow DOM care nu atinge stilurile tale.
-
Depanatorul SDK
Este SDK-ul pe această pagină, ce module rulează, starea consimțământului, erori CSP și fluxul live de evenimente al acestei file.
-
Verifică o reparație din pagină
O verificare axe locală plus o cerere către scaner; problema așteaptă confirmarea vizitatorilor live.
Pentru agenții
Toate site-urile clienților, sub brandul tău, cu ceva de arătat înainte de instalarea codului.
-
Portofoliu
Fiecare site de client într-un tabel: indice de sănătate, bariere live, trafic, starea SDK și tendința, cu filtrul „s-a înrăutățit săptămâna aceasta”.
-
Link pentru client
Un link doar pentru citire cu secțiunile alese de tine. Analiza și înregistrările rămân oprite până le activezi.
-
Blocuri SDK în rapoartele white-label
Bariere live, ce s-a reparat și confirmat, conversia înainte și după, cu logoul și culorile tale.
-
Mod demo
Deschide panoul pe datele demo Pandus, marcate clar ca exemplu, ca să arăți clientului valoarea înainte de instalare.
Funcționează cu instrumentele tale
-
Orice site
Un tag script în head. Wix, Tilda, Webflow și altele prin câmpul de cod propriu; aplicațiile cu o singură pagină sunt urmărite prin History API.
-
WordPress și WooCommerce
Pluginul Pandus adaugă SDK-ul cu un singur buton și trimite comenzile WooCommerce de pe server, ca un blocator din browser să nu piardă o cumpărare.
-
Shopify
Lipește fragmentul în theme.liquid. Bannerul de consimțământ al magazinului transmite alegerea vizitatorului către SDK.
-
Google Tag Manager
Un șablon de etichetă pentru instalarea SDK și un import opțional al evenimentelor din dataLayer.
-
Evenimente de pe serverul tău
Un endpoint în stilul GA4 Measurement Protocol pentru comenzi, rambursări și alte evenimente din backend.
-
Server MCP pentru asistenți AI
Conectează Pandus la Claude, Cursor sau alt client MCP: asistentul citește ce trebuie reparat, fișa regulii și barierele live și pornește o nouă verificare după o reparație, doar cu drepturile din tokenul tău.
Open source
SDK-ul pentru browser este open source sub licența MIT. Oricine poate citi exact ce colectează și cum maschează datele înainte ca ceva să plece din pagină.
-
Codul sursă pe GitHub
github.com/Pandus-Online/Pandus-SDK · MIT
Codul sursă pe GitHub -
Pachetul npm
@pandus/sdk · Instalare cu npm sau yarn, tipizat, cu ajutoare pentru React, Next.js, Vue și Nuxt.
Pachetul npm
Limite pe plan
SDK-ul face parte din planurile Pro și Agency. Limitele sunt comune pentru site-urile echipei.
| Plan | Site-uri cu SDK | Evenimente pe lună | Înregistrări pe lună | Păstrarea evenimentelor, zile | Păstrarea înregistrărilor, zile | Eșantion axe live |
|---|---|---|---|---|---|---|
| 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 % |
O afișare de pagină înseamnă circa 15 evenimente. Semnalele de barieră se numără separat și sunt ultimele oprite când se atinge o cotă. Prețurile sunt la Prețuri.
Ce nu face SDK-ul
Onestitatea face parte din produs.
- Nu schimbă și nu „repară” site-ul și nu este un overlay.
- Nu identifică oamenii, sănătatea lor sau tehnologiile asistive pe care le folosesc.
- Nu colectează ce tastează vizitatorii în câmpuri.
- Verificările automate nu sunt un audit complet și nici consultanță juridică. O verificare manuală rămâne necesară.
Întrebări frecvente
Este Pandus SDK un overlay?
Nu. SDK-ul nu schimbă nimic pe site și nu repară nimic singur. Adaugă doar elementele proprii: bannerul de consimțământ și butonul opțional „Raportează o barieră”. Măsoară unde dau vizitatorii de bariere, ca echipa ta să corecteze codul. Mai multe despre de ce overlay-urile nu funcționează.
Află SDK-ul care vizitatori au o dizabilitate?
Nu și nu încearcă niciodată. Semnalele de barieră sunt anonime: descriu pagina și elementul, nu persoana. SDK-ul nu marchează niciodată o persoană sau o sesiune ca utilizator de cititor de ecran sau persoană cu dizabilități. Preferințele de afișare, cum ar fi mișcarea redusă, apar doar ca procente și doar de la 20 de sesiuni în sus.
Ce se colectează înainte ca vizitatorul să fie de acord?
Nimic. În UE, SEE, UK și în țările necunoscute, SDK-ul nu trimite nicio cerere, nu setează cookie și nu salvează nimic până când vizitatorul nu este de acord. Testele noastre verifică exact asta. Dacă site-ul are deja un instrument de consimțământ, SDK-ul îi citește răspunsul și nu afișează un banner propriu.
Unde sunt stocate datele?
Evenimentele în ClickHouse Cloud la Londra (UK, cu decizie UE privind caracterul adecvat). Înregistrările de sesiuni în Hetzner Object Storage la Falkenstein, Germania. Lista completă este pe pagina persoanelor împuternicite.
Îmi încetinește site-ul?
Încărcătorul are circa 5 KB gzip și se încarcă asincron. Modulele se încarcă doar după consimțământ și doar dacă sunt activate. Evenimentele pleacă în loturi în timpul inactiv, iar testele noastre end-to-end verifică faptul că codul nostru nu produce long task peste 50 ms.
Ce planuri includ SDK-ul?
Pro și Agency. Limitele pe planuri sunt în tabelul de pe această pagină și la Prețuri. Pe Free, butonul „Raportează o barieră” și pagina de accesibilitate rămân neschimbate.
Un panou curat înseamnă că site-ul respectă EAA?
Nu. SDK-ul și scanerul sunt verificări automate, nu un audit complet și nici consultanță juridică. Arată unde se blochează oamenii și ce să repari întâi; o verificare manuală rămâne necesară.
Poate agenția mea să-l folosească pentru site-urile clienților?
Da. Planurile Agency oferă un portofoliu cu toate site-urile clienților, linkuri doar pentru citire pentru client, blocuri SDK în rapoartele white-label și un mod demo pentru a arăta ecranele înainte de instalare.
Vezi unde se blochează vizitatorii tăi
Instalează SDK-ul pe Pro sau Agency sau cere-ne întâi panoul demo.