Como funciona MousePlayer
Unha guía sinxela da nosa arquitectura de seguimento, da xestión das resolucións entre dispositivos e dos límites do sistema.
1. Por que non gravamos vídeo
Unha idea equivocada habitual é que as ferramentas de analítica visual gravan ficheiros de vídeo estándar (como MP4 ou WebM) da pantalla do visitante. Iso consumiría moito ancho de banda, ralentizaría drasticamente o sitio e xeraría texto borroso e ilexible.
No seu lugar, MousePlayer usa unha tecnoloxía lixeira chamada telemetría de capturas DOM. Así funciona na práctica:
A captura da estrutura
Cando un visitante abre a páxina, o script toma un «plano» textual do HTML e da estrutura dos estilos. Grava onde están os elementos sen copiar os ficheiros de imaxe ou vídeo da páxina; o reprodutor carga as imaxes desde o enderezo orixinal durante a reprodución. A excepción son os elementos canvas, cuxo contido se transmite como imaxe (vexa debaixo).
Telemetría de coordenadas
Mentres o usuario interactúa, gravamos un fluxo de eventos: posicións do rato, profundidade de desprazamento, destinos dos clics e cambios de tamaño do navegador, ademais dos cambios na propia páxina e, segundo a configuración, mensaxes de consola, peticións fallidas ou lentas e medicións dos tempos de carga (Web Vitals). Os movementos e os clics son pequenos; as capturas e os cambios da páxina poden ser considerablemente maiores segundo a páxina e transmítense comprimidos.
A reprodución Teatro
Cando ve unha sesión no panel, o reprodutor recrea a páxina co plano gravado e move un cursor virtual por ela en tempo real, mantendo o texto perfectamente nítido.
Creado para ser lixeiro: o script cárgase de maneira asíncrona e transmite pequenos datos numéricos en lugar de vídeo, polo que o seu propio impacto é pequeno. O efecto nos Core Web Vitals depende das páxinas, do aloxamento e da rede do visitante; mídao no seu sitio en vez de fiarse dunha cifra nosa. Non se garante unha velocidade de carga concreta – vexa a sección 20 das Condicións do servizo.
2. Resolucións de pantalla & dispositivos móbiles
Os usuarios actuais navegan con todo tipo de dispositivos, desde teléfonos compactos ata monitores 4K ultrapanorámicos. Os sitios web desprazan, pregan e reorganizan automaticamente a disposición para adaptarse ás distintas larguras de pantalla, un concepto chamado deseño web adaptable.
Como reproducimos a área visible exacta do visitante
Para evitar que a reprodución se vexa distorsionada, MousePlayer grava as dimensións exactas da área visible do visitante (p. ex. 390x844 nun teléfono ou 1920x1080 nun monitor de ordenador). Ao abrir o reprodutor Teatro, o motor crea un contorno illado a escala que reflicte exactamente a proporción da pantalla orixinal.
Pantallas de ordenador & portátil
Nos ordenadores estándar capturamos o movemento continuo do rato e a navegación entre lapelas na mesma sesión do navegador. Os menús que se abren ao pasar o punteiro aparecen na reprodución se a páxina modifica o documento ao facelo; un efecto puramente CSS non é visible no documento e non se reproduce.
Teléfonos intelixentes & tabletas
As pantallas táctiles non teñen un cursor do rato flotante. MousePlayer adáptase automaticamente gravando xestos de toque, desprazamentos por deslizamento e cambios de orientación (vertical ou horizontal).
O reto dos cambios de tamaño durante a sesión
Se un visitante xira a tableta ou cambia o tamaño da xanela do navegador durante a sesión, a disposición do sitio cambia dinamicamente. MousePlayer captura estes eventos e axusta a superficie de reprodución ao instante para conservar o contexto da interacción.
3. Límites do sistema & restricións técnicas
Para respectar a privacidade dos usuarios, manter a seguridade do navegador e procesar os datos con rapidez, MousePlayer funciona dentro de límites técnicos definidos:
| Límite do sistema | Como o xestiona MousePlayer |
|---|---|
| iFrames | Os iframes da mesma orixe que a páxina grávanse co seu contido e as interaccións interiores. O contido integrado doutra orixe (p. ex. reprodutores YouTube ou formularios de pagamento Stripe) non se pode gravar internamente polas políticas de seguridade do navegador (Same-Origin Policy); aparece como marcador de posición na reprodución e non se carga nela. |
| Campos de entrada sensibles (datos persoais) | Os campos de contrasinal e pagamento enmascáranse no dispositivo do visitante en todos os niveis e o enmascaramento completo de toda entrada de formulario é o predeterminado en cada sitio. Ve que se escribiu, non o que se escribiu. Hai dous límites: os dous niveis máis débiles só se activan coa nosa aprobación escrita e o enmascaramento nunca alcanza o que a súa propia páxina imprime no documento – unha páxina de confirmación que mostra un enderezo forma parte da captura. Ambos explícanse no DPA. |
| Elementos canvas & WebGL | O contido dun canvas grávase como imaxe: unha vez coa captura da páxina e de novo cando cambia, como máximo aproximadamente unha vez por segundo e cun límite de tamaño. Por iso as animacións fluídas aparecen como unha secuencia de fotogramas. Non se transmite ningunha imaxe nas áreas enmascaradas nin nos canvas con imaxes doutra orixe; o contido WebGL pode quedar baleiro. |
| Compoñentes web (Shadow DOM) | As raíces shadow abertas grávanse co seu contido. As pechadas son inaccesibles para os scripts; o seu contido falta na reprodución. |
| Transporte & almacenamento do navegador | Os datos envíanse por unha conexión WebSocket cifrada (HTTPS/WSS). Se non se pode establecer, por exemplo por un proxy, o script usa unha vía HTTP cifrada; as capturas de páxina moi grandes cárganse por separado mediante HTTPS. MousePlayer non establece cookies; usa o almacenamento local e o de sesión do navegador no seu sitio. |
| Períodos de inactividade AFK | Se un visitante deixa a lapela aberta e marcha durante 20 minutos, o motor detecta automaticamente a inactividade e comprime ese intervalo na reprodución para que non perda tempo mirando pantallas estáticas. |