Si funksionon: Teknologjia, rezolucionet & kufijtë

1. Pse nuk përdorim regjistrim video

Një keqkuptim i zakonshëm është se mjetet e analitikës vizuale regjistrojnë skedarë standardë video (si MP4 ose WebM) të ekranit të vizitorit. Kjo do të konsumonte gjerësi bande të jashtëzakonshme, do ta ngadalësonte ndjeshëm sajtin tuaj dhe do të krijonte tekst të turbullt e të palexueshëm.

Në vend të kësaj, MousePlayer përdor një teknologji të lehtë të njohur si Telemetria e pamjeve DOM të ruajtura. Ja si funksionon në nivelin bazë:

Pamja e ruajtur e strukturës

Kur një vizitor hap faqen tuaj, skripti ynë merr një „plan“ tekstual të strukturës suaj HTML dhe stileve. Regjistron ku ndodhen elementet pa kopjuar skedarët e imazheve ose videove të faqes suaj; luajtësi i ngarkon imazhet nga adresa origjinale gjatë riprodhimit. Përjashtim bëjnë elementet canvas, përmbajtja e të cilave transmetohet si imazh (shihni më poshtë).

Telemetria e koordinatave

Ndërsa përdoruesi ndërvepron, regjistrojmë një rrjedhë ngjarjesh: pozicionet e miut, thellësinë e lëvizjes në faqe, objektivat e klikimeve dhe ndryshimin e madhësisë së shfletuesit, plus ndryshimet në vetë faqe dhe, në varësi të cilësimeve, mesazhe konsole, kërkesa të dështuara ose të ngadalta dhe matje të kohës së ngarkimit (Web Vitals). Lëvizjet dhe klikimet janë të vogla; pamjet e ruajtura dhe ndryshimet e faqes mund të jenë dukshëm më të mëdha sipas faqes dhe transmetohen të kompresuara.

Riprodhimi në teatër

Kur shihni një seancë në panelin tuaj, luajtësi ynë e rikrijon faqen duke përdorur planin e regjistruar dhe lëviz një kursor virtual mbi të në kohë reale, duke e mbajtur tekstin krejt të qartë.

Ndërtuar për të mbetur i lehtë: skripti ngarkohet në mënyrë asinkrone dhe transmeton pika të vogla numerike të dhënash në vend të videos, gjë që e mban të vogël ndikimin e vet. Çfarë do të thotë kjo për Core Web Vitals tuaj varet nga faqet, strehimi dhe rrjeti i vizitorit, ndaj mateni në sajtin tuaj në vend që të merrni një shifër prej nesh. Nuk garantohet ndonjë shpejtësi e caktuar ngarkimi – shihni seksionin 20 të Kushteve të shërbimit.

2. Përshtatja me rezolucionet e ekranit & pajisjet celulare

Përdoruesit e sotëm shfletojnë në gjithçka, nga telefonat inteligjentë kompaktë te monitorët desktop shumë të gjerë 4K. Sajtet ndryshojnë, palosin dhe riorganizojnë automatikisht strukturën që t'u përshtaten gjerësive të ndryshme të ekranit—një koncept i njohur si dizajn uebi i përshtatshëm.

Si përputhim zonën e saktë të shikimit të vizitorit

Për të siguruar që riprodhimi të mos duket i shtrembëruar, MousePlayer regjistron përmasat e sakta të zonës së shikimit të vizitorit (p.sh., 390x844 për një telefon inteligjent ose 1920x1080 për një monitor desktop). Kur hapni luajtësin e teatrit, motori ynë krijon një mjedis të izoluar të shkallëzuar që pasqyron në mënyrë të përkryer raportin origjinal të ekranit të vizitorit.

Ekrane desktop & laptop

Në kompjuterët standardë, regjistrojmë lëvizjen e vazhdueshme të miut dhe lundrimin në disa skeda brenda së njëjtës seancë shfletuesi. Menytë që hapen kur miu qëndron mbi to shfaqen në riprodhim kur faqja ndryshon dokumentin e saj për këtë; një efekt i pastër CSS hover nuk është i dukshëm në dokument dhe nuk riprodhohet.

Telefona inteligjentë & tableta

Ekranet me prekje nuk kanë kursor miu që qëndron pezull. MousePlayer përshtatet automatikisht duke regjistruar gjestet e prekjes, lëvizjen në faqe me rrëshqitje dhe ndryshimet e orientimit (vertikal kundrejt horizontal).

Sfida e ndryshimit të madhësisë gjatë seancës

Nëse një vizitor rrotullon tabletin ose ndryshon madhësinë e dritares së shfletuesit desktop gjatë seancës, struktura e sajtit ndryshon dinamikisht. MousePlayer regjistron këto ngjarje të ndryshimit të madhësisë dhe e përshtat menjëherë e pa ndërprerje sipërfaqen e riprodhimit që të ruhet konteksti i ndërveprimit.

3. Kufijtë e sistemit & kufizimet teknike

Për të respektuar privatësinë e përdoruesve, për të ruajtur sigurinë e shfletuesit dhe për të mbajtur të shpejtë përpunimin e të dhënave, MousePlayer punon brenda kufijve teknikë të përcaktuar:

Kufiri i sistemit	Si e trajton MousePlayer
iFrames	iframe-t me të njëjtën origjinë si faqja juaj regjistrohen bashkë me përmbajtjen dhe ndërveprimin brenda tyre. Përmbajtja e integruar nga një origjinë tjetër (p.sh., luajtës YouTube, formularë pagese Stripe) nuk mund të regjistrohet nga brenda për shkak të politikave të sigurisë së shfletuesit (Same-Origin Policy); shfaqet si vendmbajtës në riprodhim dhe nuk ngarkohet atje.
Fusha të ndjeshme hyrjeje (të dhëna personale)	Fushat e fjalëkalimit dhe pagesës maskohen në pajisjen e vizitorit në çdo nivel maskimi dhe maskimi i plotë i të gjitha hyrjeve të formularëve është parazgjedhja për çdo pronë. Shihni që u shkrua, jo çfarë u shkrua. Zbatohen dy kufij: dy nivelet më të dobëta të maskimit aktivizohen vetëm me miratimin tonë me shkrim dhe maskimi nuk arrin kurrë atë që vetë faqja juaj vendos në dokument – një faqe konfirmimi që shfaq një adresë është pjesë e pamjes së ruajtur. Të dyja përcaktohen në DPA.
Elemente canvas & WebGL	Përmbajtja e një canvas regjistrohet si imazh: një herë me pamjen e ruajtur të faqes dhe përsëri sa herë ndryshon, maksimumi rreth një herë në sekondë dhe me kufi madhësie. Prandaj animacionet e rrjedhshme shfaqen si sekuencë kuadrosh. Nuk transmetohet imazh në zonat e maskuara ose për elemente canvas që përmbajnë imazhe nga një origjinë tjetër; përmbajtja WebGL mund të mbetet bosh.
Web Components (Shadow DOM)	Rrënjët shadow të hapura regjistrohen bashkë me përmbajtjen e tyre. Rrënjët shadow të mbyllura janë të paarritshme për skriptet; përmbajtja e tyre mungon në riprodhim.
Transporti & ruajtja në shfletues	Të dhënat dërgohen përmes një lidhjeje të enkriptuar WebSocket (HTTPS/WSS). Nëse nuk mund të vendoset, për shembull për shkak të një proxy, skripti kalon në një rrugë të enkriptuar HTTP; pamjet shumë të mëdha të ruajtura të faqeve ngarkohen veçmas përmes HTTPS. MousePlayer nuk vendos cookie; përdor local storage dhe session storage të shfletuesit në sajtin tuaj.
Periudha pasive AFK	Nëse një vizitor e lë skedën të hapur dhe largohet për 20 minuta, motori ynë zbulon automatikisht pasivitetin dhe e kompreson boshllëkun gjatë riprodhimit që të mos humbni kohë duke parë ekrane statike.

Si mund t'ju ndihmojmë?