Seguimiento de la Mirada en Sitios Web y Seguimiento del Comportamiento
Labvanced Web Bridge lleva un sitio web real al entorno de Labvanced, para que puedas estudiar, en un entorno controlado, cómo los participantes miran, hacen clic y navegan a través de él. La mirada se rastrea utilizando el seguimiento ocular con webcam de Labvanced, validado contra un EyeLink 1000 en un estudio revisado por pares (Kaduk et al., 2024), junto con clics, desplazamientos y desplazamientos, todo capturado de la misma página real en lugar de una recreación de la misma.
Tabla de Contenidos
Pruebas de Sitios Web Reales con Labvanced Web Bridge
La mayoría de las plataformas de investigación solo pueden mostrar a los participantes estímulos construidos dentro de ellas, imágenes, videos, formularios, páginas personalizadas. Web Bridge rompe ese límite: lleva una página de producto real, un sitio de noticias o una aplicación web al estudio en su lugar, usando una extensión gratuita de Chrome.
La investigación UX controlada y del comportamiento se beneficia más, ya que ver cómo alguien reacciona a la cosa real importa más que una recreación de la misma.
Web Bridge es parte de la plataforma completa de experimentos de Labvanced, por lo que el mismo estudio puede randomizar 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 tu sitio web real, en vivo, dentro del estudio. Lo que se rastrea es la página real que tus usuarios verán.
Todo en Un Solo Lugar
La mirada, clics, desplazamientos y scroll se capturan en el mismo elemento rastreado, así que cada señal se alinea sin trabajo adicional.
Rastrea Elementos, No Posiciones en Pantalla
Marca algo una vez. El seguimiento continúa siguiéndolo correctamente a través de desplazamientos, cambios de tamaño e incluso ventanas emergentes o menús que solo aparecen después de un clic.
Dos restricciones del navegador normalmente se interponen en el camino, y Web Bridge trabaja alrededor de ambas.
Los sitios web bloquean la incrustación. Muchos sitios establecen un encabezado de seguridad, X-Frame-Options o Content-Security-Policy, específicamente para impedir que se muestren dentro de otra página. Web Bridge levanta esa restricción, pero solo en pestañas del navegador donde Labvanced está abierto, otras pestañas no se ven afectadas, y el cambio desaparece en el momento en que se cierra la pestaña o se deja Labvanced.
Los navegadores aíslan las páginas incrustadas. Incluso una vez que se incrusta un sitio, la actividad del mouse dentro de él normalmente no puede llegar a la página que lo rodea. La extensión de Web Bridge lee clics, desplazamientos y movimientos directamente desde dentro de la página incrustada y los retransmite al estudio en tiempo real.
Uso de Web Bridge en un Estudio
Para usarlo, los investigadores agregan un Website Frame a un estudio y lo dirigen a una 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 un 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 los desplazamientos, para los elementos que solo aparecen después de un clic, como una ventana emergente o un menú desplegable, e incluso para animaciones o elementos que se redimensionan o mueven por sí solos. Cada área rastreada es un simple rectángulo, y nada se rastrea automáticamente: un investigador elige exactamente qué importa antes de que se realice un estudio.
| Propiedad | Especificaciones |
|---|---|
| Navegador | Google Chrome |
| Construido En | Seguimiento ocular por webcam revisado por pares de Labvanced (Kaduk et al., 2024) y su seguimiento de mouse |
| Qué Rastrea | La mirada, clics, desplazamientos y scrolling en cualquier elemento que elijas |
| Privacidad | Solo funciona dentro de los sitios web que Labvanced incrusta. El texto en campos de contraseña y pago nunca se lee |
Instalación de la Extensión
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 ello automáticamente si aún no la tienen.
Para referencia más profunda una vez que estés construyendo un estudio, consulta Seleccionando y Ajustando AOIs de Sitio Web para los controles de anclaje de AOI completos. Para construir eventos de clic, desplazamiento y movimiento, consulta Rastreando el Comportamiento del Mouse en un AOI de Sitio Web.
Casos de Uso de Investigación
E-Commerce
Incrusta una página de producto real. Ve qué fotos miran realmente las personas, qué botones se clican y qué tan lejos desplazan antes de agregar algo a su carrito.
Noticias y Medios
Incrusta un artículo de noticias en vivo. Descubre qué titulares se notan primero y cómo cambia la atención a medida que un artículo se extiende.
Pruebas de Navegación
Incrusta un menú real o un flujo de varias páginas. Observa si las personas realmente pueden encontrar lo que buscan y dónde dudan.
Pruebas A/B
Incrusta 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
Incrusta un sitio web educativo real para niños y realiza un seguimiento de 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
Incrusta un artículo de noticias real y realiza un seguimiento de si los ojos de las personas llegan alguna vez a la línea de autor o fuente, antes de decidir si confiar en él.
Para investigación de marketing específicamente, consulta Seguimiento de Ojos en Sitios Web para Investigación de Marketing: cinco estudios que puedes realizar, desde tarifas de pago y pop-ups hasta anuncios de banner, páginas de productos y pruebas A/B.
Datos Recogidos
Incrustar 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 se saltan 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 las personas permanecen en un área, lo que puede significar que están leyendo de cerca o están atrapadas buscando algo
Elige cualquier cosa en la página, como una foto de producto, un titular o un botón. Aquí están los datos registrados para ello:
| Obtienes | Lo que te dice |
|---|---|
| Mirada | Dónde miran las personas realmente, y durante cuánto tiempo |
| Posición del elemento | La ubicación exacta y el tamaño de lo que estás rastreando, actualizado en vivo a medida que se desplaza la página |
| Clics | Lo que la gente hace clic, y exactamente dónde |
| Paseos | Lo que atrae atención incluso sin un clic |
| Movimiento del ratón | Cómo se mueve el cursor por la página |
| Desplazamiento | Cuánto se desplazan las personas antes de actuar |
Cada resultado se exporta limpiamente a CSV, XLSX o TSV, listo para analizar.
Trabajando con Estos Datos
Para diseñar un estudio en torno a 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 informan 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 ha sido desplazado. Los eventos de hover y leave en cambio informan coordenadas relativas al elemento, que es la posición dentro del propio elemento rastreado. 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 advertencia. 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 de un mismo elemento se alinean directamente sin ninguna conversión.
Actualización de seguimiento de manera continua, no solo en el desplazamiento. La posición y tamaño de cada elemento rastreado se vuelve a medir en cada cuadro, lo que permite que el seguimiento siga correctamente animaciones, transiciones de CSS y elementos que se redimensionan dinámicamente, no solo desplazamientos o reposicionamientos.
Las regiones desplazables dentro de un elemento rastreado obtienen 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 posición de desplazamiento y el tamaño del contenido de esa región por separado 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 dirigirse. Un evento del mouse puede activarse para un elemento rastreado específico, para cualquier elemento rastreado sin elegir uno individualmente, o para cualquier lugar de la página incrustada independientemente de si es un elemento rastreado. Esto es útil para capturar patrones de interacción amplios sin marcar cada elemento por adelantado.
Validación y Comparaciones
Web Bridge combina dos de los motores de medición fundamentales de Labvanced. Los datos de la mirada provienen del seguimiento ocular con la cámara web 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° a la mitad de la pantalla (Kaduk et al., 2024).
Los datos de clics, desplazamiento y cursor provienen del seguimiento del mouse de Labvanced y se registran en el mismo elemento rastreado que los datos de la mirada.
Cómo se compara con otros enfoques
Otras formas de probar un sitio web real difieren en lo que necesitan del sitio y lo que pueden registrar en él.
| La pregunta | Otros enfoques | Web Bridge |
|---|---|---|
| ¿El sitio web necesita cambios? | RealEye, un servicio de seguimiento ocular por webcam, 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 incrustado. Microsoft Clarity, una herramienta de grabación de sesiones y mapas de calor, necesita su código de seguimiento instalado en el sitio. | No. Solo pegas la URL del sitio web que quieres probar y marcas elementos haciendo clic en ellos en el editor de Labvanced. |
| ¿Puede registrar lo que sucede dentro de una página incrustada? | Un simple incrustado 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 no se capturan clics y desplazamientos dentro de él. Microsoft Clarity tampoco puede capturar iframes de terceros. | Sí. La extensión lee clics, desplazamientos, movimiento del mouse y desplazamiento desde dentro de la página incrustada. |
| ¿Se mantiene al día con el desplazamiento y los cambios de página? | La prueba de sitio web incrustado de RealEye analiza una captura de pantalla del sitio y no admite desplazamiento horizontal. | Sí. Los elementos marcados se siguen a través del desplazamiento, redimensionamiento, animaciones y contenido que se carga después de que se abre la página. |
| ¿Los datos provienen de participantes reales? | Herramientas predictivas como Attention Insight estiman la atención con un modelo de IA en lugar de registrar 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. Utiliza 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 grabar participantes reales, consulta AI Can Predict Where You'll Look. It Still Doesn't Know What You'll Do.
Limitaciones
Web Bridge solo funciona en Google Chrome, y el investigador y cada participante necesitan instalar la extensión gratuita. Usar un Website Frame en un estudio requiere la licencia Ultimate. Algunos sitios no pueden incrustarse: amazon.com y ebay.com están bloqueados en el editor debido a su protección contra bots, y otros sitios que detectan incrustaciones 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 cambia la página?
¿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 Webcam
El motor validado detrás de Web Bridge, y el estudio de precisión completo.
Seguimiento del Mouse
Rastrear 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.