labvanced logoLabVanced
  • Research
    • Publications
    • Researcher Interviews
    • Use Cases
      • Developmental Psychology
      • Linguistics
      • Clinical & Digital Health
      • Educational Psychology
      • Cognitive & Neuro
      • Social & Personality
      • Arts Research
      • Sports & Movement
      • Marketing & Consumer Behavior
      • Economics
      • HCI / UX
      • Commercial / Industry Use
    • Labvanced Blog
    • Services
  • Technology
    • Feature Overview
    • Code-Free Study Building
    • Eye Tracking
    • Mouse Tracking
    • Generative AI Integration
    • Multi User Studies
    • More ...
      • Reaction Time/Precise Timing
      • Text Transcription
      • Heart Rate Detection (rPPG)
      • Emotion Detection
      • Questionnaires/Surveys
      • Experimental Control
      • Data Privacy & Security
      • Desktop App
      • Mobile App
  • Learn
    • Guide
    • Videos
    • Walkthroughs
    • FAQ
    • Release Notes
    • Documents
    • Classroom
  • Experiments
    • Cognitive Tests
    • Sample Studies
    • Public Experiment Library
  • Pricing
    • Licenses
    • Top-Up Recordings
    • Subject Recruitment
    • Study Building
    • Dedicated Support
    • Checkout
  • About
    • About Us
    • Contact
    • Downloads
    • Careers
    • Impressum
    • Disclaimer
    • Privacy & Security
    • Terms & Conditions
    • Third-Party Licenses
  • Appgo to app icon
  • Logingo to app icon
Learn
Guía
Videos
Guías paso a paso
Preguntas Frecuentes
Archivo de Boletines
Documentos
Aula
  • 中國人
  • Deutsch
  • Français
  • Español
  • English
  • 日本語
Guía
Videos
Guías paso a paso
Preguntas Frecuentes
Archivo de Boletines
Documentos
Aula
  • 中國人
  • Deutsch
  • Français
  • Español
  • English
  • 日本語
  • Guía
    • COMENZANDO

      • Editor de Tareas
      • Marcos
        • Marco de Lienzo
        • Marco de Página
        • Marco de Sitio Web
      • Línea de Tiempo del Ensayo
      • Presentación de Estímulos
      • Corrección de Respuesta
      • Objetos
      • Eventos
      • Variables
      • Asistente de Tareas
      • Sistema de Ensayo
      • Diseño del Experimento
        • Creando un Estudio
        • Patrones de marco de datos
        • Diseño de Experimentos Multiusuario
    • TEMAS DESTACADOS

      • Aleatorización y Balance
      • Seguimiento Ocular
        • Presentación de Estímulos en una Tarea de Seguimiento Ocular
        • Cómo Elegir Configuraciones de Calibración de Seguimiento Ocular
        • Configuración del Seguimiento Ocular en una Tarea
        • Grabación y Exportación de Datos de Mirada
        • Usando Formas como Áreas de Interés (AOI) para el Seguimiento Ocular
        • La Experiencia de Calibración del Participante
      • Puente Web
        • Selección de AOIs del Sitio Web | Anclar, Ajustar y Verificar el Seguimiento de AOI
        • Seguimiento del Comportamiento del Ratón en una AOI de Sitio Web | Guía de Web Bridge
      • Cuestionarios
      • Aplicación de Escritorio
      • Estudios de Muestra
      • Reclutamiento de Participantes
      • Acceso a la API
        • REST API
        • API de Webhook
        • API de WebSocket
      • Otros Temas

        • Tiempos de Estímulo Precisos
        • Estudios Multiusuario
        • Seguimiento de Cabeza en Labvanced | Guía
    • TABS PRINCIPALES DE LA APLICACIÓN

      • Descripción general: Pestañas principales
      • Tablero
      • Mis Estudios
      • Estudios Compartidos
      • Mis Archivos
      • Biblioteca de Experimentos
      • Mi Cuenta
      • Licencia y Servicios
    • TABS DE ESTUDIO

      • Descripción general: Pestañas específicas del estudio
      • Diseño del Estudio
        • Tareas
        • Bloques
        • Sesiones
        • Grupos
      • Editor de Tareas
        • Controles de Tareas
        • El Sistema de Pruebas
        • Tipos de Marcos
        • Objetos
        • Tablas de Propiedades de Objetos
        • Variables
        • Tablas de Variables del Sistema
        • El Sistema de Eventos
        • Funciones del Editor de Texto
        • Opciones de Seguimiento Ocular en el Editor de Tareas
        • Seguimiento de Cabeza en una Tarea
        • Estudios Multi-Usuario
      • Configuraciones
      • Variables
      • Medios
      • Textos y Traducción
      • Lanzar y Participar
      • Gestión de Sujetos
      • Vista de Datos y Exportación
        • Vista de Datos y Selección de Variables y Tareas (Versión ANTIGUA)
        • Accediendo a Grabaciones (Versión ANTERIOR)
  • Videos
    • Descripción general del video
    • Introducción a Labvanced
    • Creación de tareas
    • Videos de elementos
    • Eventos y variables
    • Temas avanzados
  • Guías
    • Introducción
    • Tarea de Stroop
    • Tarea de decisión léxica
    • Tarea de señalización de mirada de Posner
    • Paradigma de parpadeo de ceguera por cambio
    • Estudio de ejemplo de seguimiento ocular
    • Estudio de seguimiento ocular en infantes
    • Estudio de captura de atención con seguimiento de mouse
    • Presentación visual serial rápida
    • Estudio de ChatGPT
    • Demostración de seguimiento ocular: SVG como AOIs
    • Demostración multiusuario: Mostrar los cursores de los sujetos
    • Controlador de gamepad / joystick- Configuración básica
    • Estudio de aplicación de escritorio con integración de EEG
    • Equilibrio de grupos entre sujetos y configuración de variables
    • Construyendo un estudio multiusuario
    • Guía de seguimiento ocular en marco de sitio web
    • Seguimiento ocular condicional con webcam
  • Preguntas frecuentes
    • Características
    • Política y pautas de soporte
    • Seguridad y privacidad de datos
    • Licenciamiento
    • Precisión de Labvanced
    • Uso programático y API
    • Uso de Labvanced sin conexión
    • Resolución de problemas
    • Preguntas sobre la creación de estudios
  • Archivo de boletines
  • Documentos
  • Aula

Seguimiento del Comportamiento del Ratón en una AOI de Sitio Web

Dentro de un Marco de Sitio Web, tanto los eventos del ratón como la mirada se registran de la misma manera subyacente: ninguno puede apuntar a nada excepto a un elemento Website AOI, ese es el único objeto que un Marco de Sitio Web puede contener. Esta página cubre la construcción de un evento Mouse Trigger en una AOI de sitio web, en su totalidad. Para la mirada, consulta la Guía de Seguimiento de la Mirada en Marcos de Sitio Web, la configuración del evento de activación ya se cubre allí en detalle y no se repite aquí.

Por qué Necesita Configuración Aquí, a Diferencia de Otras Partes de Labvanced

Fuera de un Marco de Sitio Web, el seguimiento del ratón generalmente solo funciona: la propiedad de seguimiento continuo del ratón de un marco registra el movimiento del cursor pasivamente, sin necesidad de un activador. Dentro de la página incrustada de un Marco de Sitio Web, ese seguimiento pasivo nunca se activa, el navegador del participante no entrega el movimiento del ratón a la página principal mientras el cursor está sobre un iframe, independientemente de cualquier configuración de Labvanced. Un Mouse Trigger, respaldado por la extensión Web Bridge de Labvanced, es la única manera de obtener datos del ratón desde dentro del marco. Si no construyes uno, una AOI de sitio web no registra nada sobre el comportamiento del ratón, en silencio, de la misma manera que una AOI no anclada no registra nada sin que te des cuenta.

Los Tres Modos de Selección

Agrega un evento Mouse Trigger y, dentro de un Marco de Sitio Web, su sección Targets: ofrece tres modos en lugar de un solo selector de objetivos:

ModoQué hace
Any element in website frameSe activa para la interacción elegida en cualquier parte de la página incrustada, ya sea que ocurra sobre una AOI registrada o no.
Any AOI elementSe activa cada vez que la interacción ocurre sobre cualquier AOI de sitio web registrada, sin seleccionarlas individualmente.
Seleccionar objetivos específicos (predeterminado, ninguna casilla marcada)Se activa solo para la(s) AOI de sitio web que has agregado explícitamente como objetivo.

Esta es una opción más rica de lo que la mirada obtiene en el mismo marco: los activadores Eyetracking Gaze/Eyetracking Fixation ofrecen solo dos modos, Only trigger when looking at specific elements sin marcar (se activa continuamente, sin objetivo, siempre que exista nuevo dato de mirada) o marcada (limitada a objetivos de AOI específicos seleccionados). No hay un equivalente de mirada para Any AOI element.

Si las AOIs se superponen, el modo de selección cambia lo que cuenta. Para Click, PressDown, y PressUp con objetivos específicos seleccionados, Labvanced verifica cada AOI en el punto de clic, no solo la que está visualmente en la parte superior, así que tu objetivo aún se activa incluso si hay una AOI diferente apilada sobre ella allí. Los modos Any element in website frame y Any AOI element, y Hover/Leave/Move sin importar el modo, solo consideran el único elemento más superior en ese punto.

Construyendo el Evento

  1. Agrega un nuevo evento, selecciona Mouse Trigger.
  2. Establece Action: en la interacción que deseas: Click, PressDown, PressUp, Hover, Leave, o Move. Para Click, PressDown, y PressUp, también aparece un menú desplegable Button:, Left o Right, para restringir el activador a un botón del ratón.
  3. Escoge un modo de selección de la tabla anterior. Si dejas ambas casillas sin marcar, haz clic en Add Target y selecciona la(s) AOI de sitio web que deseas.
  4. Agrega una acción Set / Record Variable para capturar datos, un evento sin una no registra nada, lo mismo que una AOI sin un evento Eyetracking Gaze adjunto. Establece el Formato de la variable en Array. Para el Tipo de Registro, Final value mantiene solo la ocurrencia más reciente y Time series mantiene cada una. Elegir Time series revela una opción adicional de Sampling method: record all (allow repeated duplicates) o record changes only (no repeated duplicates).
  5. En el menú de selección de valores, elige de la categoría Trigger (Mouse), aquí es donde se encuentran los valores específicos de este evento, descritos en la siguiente sección.

Activador: Mouse Trigger → Action: Move → Targets: Any AOI element
Acción: Set / Record Variable → Formato: Array, Tipo de Registro: Time series, Método de muestreo: record all (allow repeated duplicates) → valor: Mouse [Name, Info, X, Y] Array de Trigger (Mouse)

Esto registra el nombre y la etiqueta de la AOI junto a su X/Y relativa a la página en cada movimiento del ratón sobre cualquier AOI registrada, sin necesidad de un evento separado por AOI.

Elegir un Valor, y el Espacio de Coordenadas que Viene con Ello

La categoría Trigger (Mouse) ofrece:

ValorQué te da
MouseX / MouseYLa coordenada X o Y por su cuenta
Mouse [X,Y] ArrayAmbas coordenadas juntas
Stimulus NameEl nombre del objeto de la AOI
Stimulus InfoLa etiqueta Stimulus Info de la AOI
Element TextEl texto visible de la AOI en el momento del evento
Mouse [Name, Info, X, Y] ArrayNombre, Stimulus Info, y ambas coordenadas juntas
Mouse [Name, Info, Text, X, Y] ArrayNombre, Stimulus Info, texto visible, y ambas coordenadas juntas

MouseX/MouseY (y los arreglos construidos a partir de ellos) no significan lo mismo en todos los tipos de interacción:

  • Click, PressDown, PressUp, Move informan coordenadas relativas a la página, la posición en el área desplazable completa de la página incrustada, incluyendo cualquier cosa que el participante haya desplazado.
  • Hover, Leave informan coordenadas relativas al elemento en su lugar, la posición dentro de la AOI misma, no de la página.

Ambas están etiquetadas de manera idéntica (MouseX, MouseY) en el selector de valores, nada en la interfaz las distingue más allá de qué tipo de interacción se basa el evento. Mezclar datos de un evento Hover y un evento Move en la misma columna exportada mezclará dos espacios de coordenadas diferentes sin ninguna advertencia. Decide de antemano qué tipo de interacción realmente necesitas antes de conectar la acción de grabación.

Stimulus Name y Stimulus Info identifican qué AOI activó el evento, la misma etiqueta Stimulus Info cubierta en Nombrando una AOI para Tus Datos Exportados, útil una vez que estás grabando desde más de una AOI o desde el modo Any AOI element. Element Text lleva el texto visible de la AOI en el momento del evento.

Compartido con la Mirada: Las Coordenadas Relativas a la Página Incluyen el Desplazamiento

Las coordenadas relativas a la página descritas anteriormente (para Click, PressDown, PressUp, Move) incluyen el desplazamiento interno del iframe, no solo lo que es actualmente visible en el viewport. Las coordenadas de la mirada registradas en una AOI de sitio web funcionan de la misma manera. Si estás combinando datos de ratón y mirada desde la misma AOI durante el análisis, ambos utilizan este mismo espacio de coordenadas relativas a la página, por lo que se alinean directamente. No necesitas convertir uno para que coincida con el otro.

La Posición de Desplazamiento de la Página No Es un Valor Separado

La lista de datos rastreados de la guía principal menciona la posición de desplazamiento, pero no hay un valor independiente de "posición de desplazamiento actual" para registrar por sí solo. El desplazamiento de desplazamiento solo se aplica automáticamente dentro de las coordenadas relativas a la página ya descritas anteriormente (Click, PressDown, PressUp, Move), no se expone como su propia variable grabable. Si necesitas el comportamiento de desplazamiento en una subregión desplazable dentro de una AOI específicamente, esa es una configuración separada, Scrollable container en la AOI misma, cubierta en Seguimiento de una Subregión Desplazable, y sus datos resultantes están disponibles solo a través del activador Eyetracking Gaze/Eyetracking Fixation, no Mouse Trigger.

Solución de Problemas

El evento nunca se activa. Confirma que la extensión Web Bridge está instalada y activa, nada llega a un Mouse Trigger dentro de un Marco de Sitio Web sin ella. Si estás utilizando objetivos específicos, confirma que la AOI que seleccionaste está realmente anclada, una AOI no anclada (selectorFound falsa) no activará eventos dirigidos aunque el activador en sí esté configurado correctamente.

Se activa para los elementos incorrectos, o demasiado a menudo. Verifica qué modo de selección está seleccionado. Any element in website frame se activa en todas partes, incluso fuera de cualquier AOI, si eso no es lo que querías, cambia a Any AOI element o selecciona objetivos específicos.

Las coordenadas grabadas parecen incorrectas o inconsistentes. Verifica qué tipo de interacción utiliza el evento. Las coordenadas Hover/Leave son relativas a la AOI, Click/PressDown/PressUp/Move son relativas a la página, consulta Elegir un Valor arriba.

Preguntas Frecuentes

¿Por qué no funciona la configuración de seguimiento del ratón regular del marco dentro de un Marco de Sitio Web?
Porque el navegador del participante nunca entrega el movimiento del ratón a la página principal mientras el cursor está sobre un iframe, este es un comportamiento estándar del navegador, no una limitación de Labvanced. Solo el propio flujo de eventos de la extensión Web Bridge, a través de un Activador de Ratón, puede ver la actividad del ratón dentro de la página incrustada.
¿Necesito añadir una AOI de sitio web antes de poder rastrear el movimiento del ratón?
Solo si deseas apuntar a elementos específicos o usar el modo Cualquier elemento de AOI. El modo Cualquier elemento en el marco de sitio web se activa independientemente de si la interacción tiene lugar sobre una AOI registrada, por lo que funciona incluso sin ninguna AOI añadida.
¿Por qué mis coordenadas de Hover son mucho más pequeñas que mis coordenadas de Click en la misma AOI?
No están midiendo lo mismo. Hover/Leave informan las coordenadas relativas al elemento de la AOI misma, mientras que Click/PressDown/PressUp/Move informan las coordenadas relativas a toda la página. Ambos usan los mismos nombres de valor MouseX/MouseY, por lo que esto no es visible solo desde el selector de valores.
¿Cuál es la diferencia entre Cualquier elemento en el marco de sitio web y Cualquier elemento de AOI?
Cualquier elemento en el marco de sitio web se activa para la interacción en cualquier parte de la página incrustada, ya sea AOI o no. Cualquier elemento de AOI solo se activa cuando la interacción ocurre sobre una AOI de sitio web registrada, pero no requiere que elijas cuál, cualquiera de ellas servirá.

Lectura Adicional

Labvanced Web Bridge | Soporte y Guía

La referencia completa: instalación, casos de uso, datos y privacidad, solución de problemas y preguntas frecuentes.

Seleccionando y Ajustando AOIs de Sitio Web

Ancla, ajusta y verifica una AOI de sitio web antes de construir un evento sobre ella.

Guía de Seguimiento de la Mirada en Marcos de Sitio Web

La configuración completa del evento de seguimiento de mirada, incluyendo el diálogo de Configuración de Evento de Mirada.

Prev
Selección de AOIs del Sitio Web | Anclar, Ajustar y Verificar el Seguimiento de AOI