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 Canvas
        • Marco de Página
        • Marco de Sitio Web
      • Cronograma del ensayo
      • Presentación de estímulos
      • Corrección de la respuesta
      • Objetos
      • Eventos
      • Variables
      • Asistente de tareas
      • Sistema de ensayo
      • Diseño del experimento
        • Crear un Estudio
        • Patrones de Marco de Datos
        • Diseño de Experimentos Multiusuario
        • Diseño de Experimentos Longitudinales
    • 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 Seguimiento Ocular
        • La Experiencia de Calibración del Participante
      • Puente Web
        • Selección de AOIs de Sitio Web | Anclar, Ajustar y Verificar el Seguimiento de AOI
        • Seguimiento del Comportamiento del Ratón en un AOI del Sitio Web | Guía del Puente Web
      • Cuestionarios
      • Aplicación de escritorio
      • Estudios de muestra
      • Reclutamiento de participantes
      • Acceso a API
        • REST API
        • API de Webhook
        • API de WebSocket
      • Otros temas

        • Tiempos de estímulo precisos
        • Estudios de múltiples usuarios
        • Seguimiento de Cabeza en Labvanced | Guía
    • PESTAÑAS 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
    • PESTAÑAS DEL ESTUDIO

      • Descripción general: Pestañas específicas del estudio
      • Diseño del estudio
        • Tareas
        • Bloques
        • Sesiones
        • Grupos
      • Editor de tareas
        • Controles de Tarea
        • El Sistema de Pruebas
        • Tipos de Marcos
        • Objetos
        • Tablas de Propiedades de Objetos
        • Variables
        • Tabla 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 Multiusuario
      • 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
    • Creando Tareas
    • Videos de Elementos
    • Eventos y Variables
    • Temas Avanzados
  • Guías
    • Introducción
    • Tarea Stroop
    • Tarea de Decisión Léxica
    • Tarea de Señalización de Gaze de Posner
    • Paradigma de Parpadeo de Ceguera por Cambio
    • Estudio de Seguimiento Ocular
    • Estudio de Seguimiento Ocular en Infantes
    • Estudio de Captura de Atención con Seguimiento del Ratón
    • Presentación Visual Serial Rápida
    • Estudio de ChatGPT
    • Demo de Seguimiento Ocular: SVG como AOIs
    • Demo de Múltiples Usuarios: 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
    • Balanceo de Grupos entre Sujetos y Configuración de Variables
    • Construyendo un Estudio Multijugador
    • Guía de Seguimiento Ocular en Marco de Website
    • Seguimiento Ocular Condicional con Webcam
    • Construcción de Estudio de Segmentación de Texto
  • FAQ
    • Características
    • Política de Soporte y Directrices
    • Seguridad y Privacidad de Datos
    • Licencias
    • 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
Un evento de activación por ratón disparándose en un AOI del sitio web dentro de un marco de sitio web Labvanced

Seguimiento del Comportamiento del Ratón en un AOI del Sitio Web

Dentro de un marco de sitio web, tanto los eventos del ratón como la fijación se registran de la misma manera subyacente: ninguno puede apuntar a nada excepto a un elemento Website AOI, que es el único objeto que puede contener un marco de sitio web. Esta página cubre la construcción de un evento Mouse Trigger en un AOI del sitio web, en su totalidad. Para la fijación, consulte el Tutorial de Seguimiento de Fijación en el Marco de Sitios Web, la configuración del evento de disparo ya está cubierta allí en detalle y no se repite aquí.

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

Fuera de un marco de sitio web, el seguimiento del ratón mayormente solo funciona: la propiedad de seguimiento continuo del ratón de un marco registra el movimiento del cursor de manera pasiva, sin necesidad de un disparador. Dentro de la página incrustada del marco de un sitio web, ese seguimiento pasivo nunca se dispara, 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 forma de obtener datos del ratón desde dentro del marco en absoluto. Si no construyes uno, un AOI del sitio web no registra nada sobre el comportamiento del ratón, silenciosamente, de la misma manera que un AOI no anclado no registra nada sin que te des cuenta.

Los Tres Modos de Targeting

Agrega un evento Mouse Trigger y, dentro de un marco de sitio web, su sección Targets: ofrece tres modos en lugar de un único selector de objetivo:

ModoQué hace
Any element in website frameSe dispara para la interacción elegida en cualquier lugar de la página incrustada, ya sea que ocurra sobre un AOI registrado o no.
Any AOI elementSe dispara cada vez que la interacción ocurre sobre cualquier AOI del sitio web registrado, sin seleccionarlos individualmente.
Seleccionar objetivos específicos (predeterminado, ninguna casilla marcada)Se dispara solo para el(los) AOI(s) del sitio web que hayas añadido explícitamente como objetivo.

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

Si los AOIs se superponen, el modo de targeting 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 el que visualmente está en la parte superior, por lo que tu objetivo aún se dispara incluso si hay un AOI diferente apilado sobre él allí. Los modos Any element in website frame y Any AOI element, y Hover/Leave/Move independientemente del modo, solo consideran el único elemento más alto en ese punto.

Construyendo el Evento

  1. Agrega un nuevo evento, selecciona Mouse Trigger.
  2. Establece Action: a la interacción que deseas: Click, PressDown, PressUp, Hover, Leave, o Move. Para Click, PressDown, y PressUp, también aparece un dropdown de Button:, Left o Right, para restringir el disparador a un botón del ratón.
  3. Elige un modo de targeting de la tabla de arriba. Si dejas ambas casillas sin marcar, haz clic en Add Target y selecciona el(los) AOI(s) del sitio web que deseas.
  4. Agrega una acción Set / Record Variable para capturar datos, un evento sin una no registra nada, igual que un 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 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 residen los valores específicos de este evento, descritos en la siguiente sección.

Disparador: 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 del AOI junto a su X/Y relativa a la página en cada movimiento del ratón sobre cualquier AOI registrado, sin necesidad de un evento separado por AOI.

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

La categoría Trigger (Mouse) ofrece:

ValorQué te da
MouseX / MouseYLa coordenada X o Y por sí sola
Mouse [X,Y] ArrayAmbas coordenadas juntas
Stimulus NameEl nombre del objeto del AOI
Stimulus InfoLa etiqueta Stimulus Info del AOI
Element TextEl texto visible del 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 a través de cada tipo de interacción:

  • Click, PressDown, PressUp, Move reportan coordenadas relativas a la página, la posición en el área de desplazamiento total de la página incrustada, incluyendo lo que el participante ha desplazado más allá.
  • Hover, Leave reportan coordenadas relativas al elemento en su lugar, la posición dentro del AOI mismo, no de la página.

Ambos están etiquetados idénticamente (MouseX, MouseY) en el selector de valores, nada en la interfaz los 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 disparó el evento, la misma etiqueta Stimulus Info cubierta en Nombrando un AOI para tus Datos Exportados, útil una vez que estás grabando desde más de un AOI o desde el modo Any AOI element. Element Text lleva el texto visible del AOI en el momento del evento.

Compartido con Fijación: Las Coordenadas Relativas a la Página Incluyen Desplazamiento

Las coordenadas relativas a la página descritas arriba (para Click, PressDown, PressUp, Move) incluyen el desplazamiento interno del iframe, no solo lo que actualmente es visible en el viewport. Las coordenadas de fijación registradas en un AOI del sitio web funcionan de la misma manera. Si estás combinando datos del ratón y de fijación desde el mismo AOI durante el análisis, ambos utilizan este mismo espacio de coordenadas relativo a la página, así 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 del 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 se aplica solo de manera automática dentro de las coordenadas relativas a la página ya descritas arriba (Click, PressDown, PressUp, Move), no expuesto como su propia variable registrable. Si necesitas el comportamiento de desplazamiento en una subregión desplazable dentro de un AOI específicamente, esa es una configuración separada, Scrollable container en el propio AOI, cubierto en Seguimiento de una Subregión Desplazable, y sus datos resultantes solo están disponibles a través del disparador Eyetracking Gaze/Eyetracking Fixation, no Mouse Trigger.

Resolución de Problemas

El evento nunca se dispara. Confirma que la extensión Web Bridge está instalada y activa, nada alcanza un Mouse Trigger dentro de un marco de sitio web sin ella. Si estás utilizando objetivos específicos, confirma que el AOI que eligiste está realmente anclado, un AOI no anclado (selectorFound falso) no disparará eventos dirigidos aunque el disparador en sí esté configurado correctamente.

Se dispara para los elementos incorrectos, o demasiadas veces. Verifica qué modo de targeting está seleccionado. Any element in website frame se dispara en todas partes, incluso fuera de cualquier AOI, si eso no es lo que meant, cambia a Any AOI element o elige objetivos específicos en su lugar.

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

Preguntas Frecuentes

¿Por qué la configuración de seguimiento de ratón normal del marco no funciona 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 Disparador de Ratón, puede ver la actividad del ratón dentro de la página incrustada.
¿Necesito agregar un AOI del sitio web antes de poder rastrear el movimiento del ratón?
Solo si deseas apuntar a elementos específicos o utilizar el modo Cualquier elemento AOI. El modo Cualquier elemento en el marco del sitio web se dispara independientemente de si la interacción ocurre sobre un AOI registrado, así que funciona incluso sin haber agregado un AOI en absoluto.
¿Por qué mis coordenadas de Hover son mucho más pequeñas que mis coordenadas de Click en el mismo AOI?
No están midiendo lo mismo. Hover/Leave reportan coordenadas relativas al propio elemento AOI, mientras que Click/PressDown/PressUp/Move reportan coordenadas relativas a toda la página. Ambos utilizan 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 del sitio web y Cualquier elemento AOI?
Cualquier elemento en el marco del sitio web se dispara para la interacción en cualquier lugar de la página incrustada, ya sea un AOI o no. El Cualquier elemento AOI solo se dispara cuando la interacción ocurre sobre un AOI del sitio web registrado, pero no requiere que elijas cuál, cualquier de ellos servirá.

Lectura Adicional

Labvanced Web Bridge | Soporte y Guía

Labvanced Web Bridge | Soporte y Guía

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

Seleccionando y Ajustando AOIs del Sitio Web

Seleccionando y Ajustando AOIs del Sitio Web

Ancla, ajusta y verifica un AOI del sitio web antes de construir un evento en él.

Tutorial de Seguimiento de Fijación en el Marco de Sitios Web

Tutorial de Seguimiento de Fijación en el Marco de Sitios Web

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

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