Seguimiento de Ojos en Sitios Web y Seguimiento de Comportamiento
Labvanced Web Bridge es una extensión gratuita de Chrome para el seguimiento ocular y el seguimiento de comportamiento en sitios web. Incorpora un sitio web en vivo en un estudio de Labvanced y registra dónde miran, hacen clic y se desplazan los participantes, utilizando el seguimiento ocular con cámara web de Labvanced, que fue validado frente a un EyeLink 1000 en un estudio revisado por pares (Kaduk et al., 2024).
Tabla de Contenidos
- ¿Qué Es Labvanced Web Bridge?
- Qué Puede Hacer Labvanced Web Bridge
- Cómo Se Diferencia Web Bridge
- Investigación Que Puede Hacer Con Labvanced Web Bridge
- Datos Recopilados
- Precisión de Referencia
- Cómo Labvanced Web Bridge Rastrean Un Sitio Web Real
- Cómo Se Comporta Los Datos de Seguimiento de Sitios Web
- Configurando Labvanced Web Bridge
- Limitaciones
- Preguntas Frecuentes
¿Qué Es Labvanced Web Bridge?
Labvanced Web Bridge es una extensión gratuita de Chrome que conecta Labvanced a sitios web externos reales. Normalmente, una plataforma de investigación solo puede mostrar a los participantes estímulos creados dentro de ella, como imágenes, videos, formularios y páginas personalizadas. Web Bridge cambia eso: permite a un investigador incorporar un sitio web real y activo, como una página de producto, un sitio de noticias o una aplicación web, directamente en un estudio, y luego medir cómo se comportan los participantes en él.
Es especialmente útil para la investigación controlada de UX y comportamiento, donde ver cómo alguien reacciona al objeto real importa más que una recreación del mismo. No se limita solo a eso.
Qué Puede Hacer Labvanced Web Bridge
Web Bridge es parte de la plataforma de experimentos completa de Labvanced, por lo que el mismo estudio puede aleatorizar qué versión de una página ve un participante, combinar el seguimiento de sitios web con otras medidas de Labvanced y exportar todo en un formato consistente.
Sitios Web Reales, No Maquetas
Los participantes interactúan con su sitio web real, en vivo, dentro del estudio. Lo que se rastrea es la página real que sus usuarios verán.
Todo En Un Solo Lugar
La mirada, los clics, los pasajes y el desplazamiento se capturan en el mismo elemento rastreado, por lo que cada señal se alinea sin trabajo adicional.
Rastrea Elementos, No Posiciones en Pantalla
Marque algo una vez. El seguimiento sigue correctamente a través del desplazamiento, el cambio de tamaño e incluso los pop-ups o menús que solo aparecen después de un clic.
Cómo Se Diferencia Web Bridge
Otras formas de probar un sitio web real difieren en lo que necesitan del sitio y lo que pueden registrar en él.
| La pregunta | Otras aproximaciones | Web Bridge |
|---|---|---|
| ¿Necesita cambios el sitio web? | RealEye, un servicio de seguimiento ocular con cámara web, necesita su SDK de JavaScript en el sitio y un atributo data-re-aoi-name en cada elemento rastreado para su prueba de sitio web incorporada. Microsoft Clarity, una herramienta de mapa de calor y grabación de sesiones, necesita su código de seguimiento instalado en el sitio. | No. Solo copia la URL del sitio web que quieres probar y marca los elementos haciendo clic en ellos en el editor de Labvanced. |
| ¿Puede registrar lo que sucede dentro de una página incrustada? | Un simple embed de otro sitio web, como el objeto I-Frame de Labvanced, no puede ser leído por la página que lo rodea, por lo que los clics y el desplazamiento dentro de él no se capturan. Microsoft Clarity tampoco puede capturar iframes de terceros. | Sí. La extensión registra clics, pasajes, movimientos del ratón y desplazamiento desde dentro de la página incrustada. |
| ¿Se mantiene al día con el desplazamiento y el cambio de páginas? | La prueba de sitio web incrustada de RealEye analiza una captura de pantalla del sitio y no admite desplazamiento horizontal. | Sí. Los elementos marcados se siguen a través de desplazamiento, cambio de tamaño, animación y contenido que se carga después de que la página se abre. |
| ¿Provienen los datos de participantes reales? | Herramientas predictivas como Attention Insight estiman la atención con un modelo de IA en lugar de registrar a participantes reales. | Sí. Registra dónde miran y hacen clic los participantes reales. |
| ¿Necesita hardware especial? | Pupil Labs, un fabricante de rastreadores oculares, ofrece una herramienta Web AOI que requiere su rastreador ocular Neon. | No. Usa la cámara web del participante. |
Para lo que un mapa de calor predicho por IA puede y no puede decirte en comparación con la grabación de participantes reales, consulta AI Puede Predecir Donde Mirarás. Aún No Sabe Lo Que Harás.
Última revisión: 2026-09-25. Los detalles fueron verificados en la Base de Conocimiento de RealEye, la documentación de configuración de Microsoft Clarity, la base de conocimiento de Attention Insight, y la documentación Web AOI de Pupil Labs. La restricción del navegador para leer páginas incrustadas se describe en la documentación de la política de mismo origen de MDN.
Investigación Que Puede Hacer Con Labvanced Web Bridge
E-Commerce
Incorpora una página de producto real. Ve cuáles fotos realmente mira la gente, qué botones se clican y cuánto se desplazan antes de añadir algo a su carrito.
Noticias y Medios
Incorpora un artículo de noticias en vivo. Descubre qué titulares son los que más se notan, y cómo cambia la atención a medida que el artículo se hace más largo.
Pruebas de Navegación
Incorpora un menú real o un flujo de varias páginas. Observa si las personas pueden encontrar lo que buscan y dónde dudan.
Pruebas A/B
Incorpora dos versiones de la misma página, asigna aleatoriamente a los participantes a cada una con el contrabalanceo integrado de Labvanced y compara los resultados directamente.
Psicología del Desarrollo
Incorpora un sitio web educativo real para niños y rastrea cómo los jóvenes participantes navegan por él. Esto es útil para la investigación sobre la alfabetización digital y cómo se desarrolla la atención en línea.
Psicología de los Medios y Política
Incorpora un artículo de noticias real y rastrea si los ojos de las personas llegan a la línea del autor o fuente, antes de decidir si confiar en ello.
Datos Recogidos
Incorporar un sitio web real convierte la navegación ordinaria en datos de investigación. Con Web Bridge, puedes averiguar:
- Dónde miran los visitantes primero y durante cuánto tiempo
- Qué elementos nunca son mirados o son saltados por completo
- Cómo se mueve la atención de una parte de la página a otra antes de que alguien haga clic
- Si lo que las personas hacen clic coincide con lo que miraron primero, o si la atención y la acción tiran en diferentes direcciones
- Cuánto tiempo permanecen las personas en un área, lo que puede significar que están leyendo de cerca o que están atascadas buscando algo
Elige cualquier cosa en la página, como una foto de un producto, un titular o un botón. Aquí están los datos registrados para ello:
| Obtienes | Lo que te dice |
|---|---|
| Mirada | Dónde miran realmente las personas y durante cuánto tiempo |
| Posición de elemento | La ubicación exacta y el tamaño de lo que estás rastreando, actualizado en vivo a medida que la página se desplaza |
| Clics | Qué hacen clic las personas y exactamente dónde |
| Pasadas de ratón | Qué capta la atención incluso sin un clic |
| Movimiento del ratón | Cómo se mueve el cursor por la página |
| Desplazamiento | Qué tan lejos se desplazan las personas antes de actuar |
Cada resultado se exporta de manera limpia a CSV, XLSX o TSV, listo para analizar.
Evaluación de Precisión
Web Bridge combina dos de los motores de medición principales de Labvanced. Los datos de mirada provienen del seguimiento ocular con webcam de Labvanced, probado contra un rastreador ocular profesional (el EyeLink 1000) en un estudio revisado por pares: una precisión general de 1.4° y una precisión de 1.1°, mejorando a 1.3° de precisión y 0.9° de precisión en el centro de la pantalla (Kaduk et al., 2024).
Los datos de clics, pasadas de ratón y movimiento provienen del seguimiento de ratón de Labvanced y se registran en el mismo elemento rastreado que los datos de mirada.
Cómo Labvanced Web Bridge Rastreapagina un Sitio Web Real
Web Bridge permite una investigación conductual controlada en sitios web en vivo de terceros: los participantes interactúan con la página real mientras Labvanced registra sus movimientos oculares, clics, pasadas y desplazamiento.
Hacer eso posible significa trabajar alrededor de dos restricciones de navegador separadas. Primero, muchos sitios web establecen un encabezado de seguridad, X-Frame-Options o Content-Security-Policy, específicamente para evitar ser incorporados dentro de otra página en absoluto. Web Bridge levanta esa restricción solo en las pestañas del navegador donde Labvanced está abierto. Otras pestañas no se ven afectadas y el cambio se elimina cuando se cierra la pestaña o se sale de Labvanced. Segundo, incluso una vez que un sitio está incorporado, los navegadores normalmente no permiten que la actividad del ratón dentro de esa página incorporada llegue a la página que la rodea. Esta es una restricción separada. La extensión de Web Bridge maneja eso también, leyendo eventos de clic, pasadas y movimiento directamente desde dentro de la página incorporada y retransmitiéndolos de vuelta al estudio en tiempo real.
Para usarlo, los investigadores agregan un Website Frame a un estudio y lo apuntan a un URL real. A partir de ahí, marcar qué rastrear es una simple acción de clic y selección: haz clic en una foto de producto, un titular o un botón, y Labvanced se enfoca en ese elemento exacto, no en su posición en la pantalla. Labvanced monitorea continuamente la página, por lo que el seguimiento se ajusta automáticamente para el desplazamiento, para elementos que solo aparecen después de un clic, como un pop-up o un menú desplegable, e incluso para animaciones o elementos que se redimensionan o mueven por sí mismos. Cada área rastreada es un simple rectángulo, y nada se rastrea automáticamente: un investigador elige exactamente qué es importante antes de que se ejecute un estudio.
| Propiedad | Especificaciones |
|---|---|
| Navegador | Google Chrome |
| Construido En | Seguimiento ocular con cámara web revisado por pares de Labvanced (Kaduk et al., 2024) y su seguimiento del mouse |
| Qué Rastrean | Miradas, clics, desplazamientos y desplazamiento en cualquier elemento que elijas |
| Privacidad | Solo se ejecuta dentro de sitios web que Labvanced incrusta. El texto en los campos de contraseña y pago nunca se lee |
Cómo Comporta los Datos de Seguimiento del Sitio Web
Para diseñar un estudio alrededor de estos datos, hay algunos comportamientos que vale la pena conocer de antemano.
Los espacios de coordenadas difieren según el tipo de interacción. Los eventos de clic, mouse-down, mouse-up y mouse-move reportan coordenadas relativas a la página, que es la posición a través del área desplazable completa de la página incrustada, incluyendo lo que ya se ha desplazado. Los eventos de hover y leave, en cambio, reportan coordenadas relativas al elemento, que es la posición dentro del elemento rastreado en sí. Ambos utilizan las mismas etiquetas de coordenadas en la interfaz, así que decide de antemano qué tipo de interacción necesita un estudio. Combinar los dos en una columna exportada mezcla dos sistemas de coordenadas diferentes sin previo aviso. Los datos de mirada registrados en un elemento rastreado utilizan el mismo espacio relativo a la página que los clics, por lo que los datos de mirada y clic del mismo elemento se alinean directamente sin ninguna conversión.
El seguimiento se actualiza continuamente, no solo al desplazarse. La posición y el tamaño de cada elemento rastreado se vuelven a medir en cada cuadro, lo que permite que el seguimiento siga correctamente las animaciones, transiciones de CSS y elementos que cambian de tamaño dinámicamente, no solo al desplazarse o reposicionarse.
Las regiones desplazables dentro de un elemento rastreado tienen su propio espacio de coordenadas. Si un elemento rastreado tiene su propio desplazamiento interno, como un panel de chat o una lista de productos desplazable, marcarlo como un contenedor desplazable expone la propia posición de desplazamiento y tamaño del contenido de esa región, separada del desplazamiento general de la página, por lo que el desplazamiento anidado no se confunde con la página exterior.
Los eventos del mouse ofrecen tres modos de selección. Un evento de mouse puede activarse para un elemento rastreado específico, para cualquier elemento rastreado sin elegir uno individualmente, o para cualquier parte de la página incrustada, independientemente de si es un elemento rastreado o no. Esto es útil para capturar patrones de interacción amplios sin marcar cada elemento de antemano.
Configurando Labvanced Web Bridge
Web Bridge es una extensión gratuita de Chrome. Tanto tú como tus participantes necesitan tenerla instalada. Toma menos de un minuto, y Labvanced guía a los participantes a través de ella automáticamente si no la tienen.
Para una referencia más profunda una vez que estés construyendo un estudio, consulta Seleccionando y Ajustando AOIs de Sitio Web para los controles completos de anclaje de AOI. Para construir eventos de clic, hover y movimiento, consulta Seguimiento del Comportamiento del Mouse en un AOI de Sitio Web.
Limitaciones
Web Bridge solo funciona en Google Chrome, y el investigador y cada participante necesitan tener la extensión gratuita instalada. Usar un Website Frame en un estudio requiere la licencia Ultimate. Algunos sitios no se pueden incrustar: amazon.com y ebay.com están bloqueados en el editor debido a su protección contra bots, y otros sitios que detectan la incrustación pueden no funcionar. Web Bridge rastrea los elementos que un investigador marca en lugar de todo en una página.
Preguntas Frecuentes
¿Web Bridge rastrea personas en otros sitios web?
¿Los participantes necesitan instalar algo?
¿Cómo sigue funcionando el seguimiento si la página cambia?
¿Detecta automáticamente qué rastrear?
¿Puedo rastrear clics y movimiento del mouse sin seguimiento ocular?
¿Son estos datos tan precisos como el seguimiento ocular regular de Labvanced?
Lectura Adicional
Seguimiento Ocular con Cámara Web
El motor validado detrás de Web Bridge, y el estudio completo de precisión.
Seguimiento del Mouse
Rastrea el movimiento del cursor en estímulos construidos dentro de Labvanced, no solo en sitios externos.
Guía de Labvanced Web Bridge
Instala la extensión, incrusta un sitio web, marca elementos y comienza a grabar.