Labvanced Web Bridge — Soporte y Guía de Extensión

¿Necesita ayuda? Contáctenos en [email protected]

1. ¿Qué es Labvanced Web Bridge?

Labvanced Web Bridge es una extensión del navegador para Google Chrome que conecta la plataforma de experimentos Labvanced (labvanced.com) con sitios web reales. Permite a los investigadores realizar estudios controlados de UX y investigaciones conductuales en las que los participantes interactúan con sitios web de terceros en vivo, mientras Labvanced registra movimientos oculares (a través de la cámara web), clics del mouse, eventos de desplazamiento y comportamiento de desplazamiento.

Sin esta extensión, los navegadores evitan que los sitios web se incrusten dentro de los estudios de investigación debido a las restricciones de seguridad estándar. La extensión levanta esas restricciones solo dentro de sesiones de investigación controladas de Labvanced y agrega las capacidades de seguimiento conductual necesarias para medir la interacción de los participantes en el sitio incrustado.

2. Instalación

Paso a paso

Investigadores

1. Navegue a Google Chrome.
2. Vaya a la página de la Chrome Web Store para Labvanced Web Bridge.
3. Haga clic en "Agregar a Chrome".
4. En el diálogo de confirmación, haga clic en "Agregar extensión".
5. Verá que el ícono de Labvanced Web Bridge aparece en su barra de herramientas de Chrome.

Participantes

1. Haga clic en Instalar.
2. Haga clic en "Agregar a Chrome".
3. En el diálogo de confirmación, haga clic en "Agregar extensión".
4. Regrese al experimento y actualice la página para comenzar el estudio.

Confirmar que la Extensión esté Activa

Investigadores Después de la instalación, navegue a la pestaña Dashboard y cree un Nuevo Estudio. Desplácese hacia abajo y active Rastrear Sitio Web Externo: marcando la casilla e ingresando la URL del sitio web objetivo. Si la extensión está instalada correctamente, el editor de Labvanced mostrará una marca de verificación verde y un mensaje de confirmación.

Participantes

Al actualizar la página del experimento, el experimento continuará.

3. ¿Quién Debe Instalar Esto?

Investigadores

Instale la extensión si está:

• Diseñando un estudio que incluya un sitio web real como estímulo (por ejemplo, probando una página de producto, un artículo de noticias, una interfaz de quiosco).
• Usando el elemento Marco de Sitio Web en el editor de Labvanced.
• Previsualizando o pilotando un estudio que incluye sitios web externos.

No necesita esta extensión para estudios que solo utilizan estímulos estándar de Labvanced (imágenes, videos, texto, formularios, etc.) o si es el propietario del sitio web que puede editar y controlar directamente sus propios encabezados HTTP para su sitio web.

Participantes del Estudio

Instale la extensión si:

• Ha recibido un enlace de estudio y le han indicado que lo instale antes de comenzar.
• La página de incorporación del estudio le pide que confirme que la extensión está instalada.

Si no está seguro de si la necesita, la página de su enlace de estudio le dirá antes de que comience el estudio.

4. Cómo Usarlo — Guía para Investigadores

4.1 Agregando un Marco de Sitio Web a Su Estudio

1. Abra su experimento en el editor de Labvanced.
2. Bajo la Cronología de Pruebas, haga clic en la opción + Sitio Web.
3. Seleccione "Marco de Sitio Web" de los tipos de elementos, luego la opción Sitio Web Externo. Si la extensión está activa, aparecerá el mensaje de confirmación verde. De lo contrario, consulte la sección anterior sobre el procedimiento de instalación.
4. El sitio web que indicó al crear la tarea en el paso anterior ahora aparecerá automáticamente.

4.2 Seleccionando Áreas de Interés (AOIs)

Las Áreas de Interés (AOIs) son los elementos específicos en el sitio web incrustado que desea rastrear. Por ejemplo, una imagen de producto, un titular o un botón de "Agregar al Carrito".

1. Con el Marco de Sitio Web activo en el editor y el sitio web mostrándose de manera interactiva, haga clic en el objeto Agregar AOI de Sitio Web desde el menú lateral.
2. El objeto AOI será agregado y aparecerá en rojo. Haga clic en su AOI objetivo. La selección ahora se volverá verde.

• Si desea modificar la selección de AOI, puede usar el panel de Propiedades del Objeto para ajustar la selección apuntando al Padre de la selección para moverse hacia arriba y seleccionar una parte mayor del sitio web o al Hijo de la selección para seleccionar un componente más específico. Una vez que el AOI ha sido anclado (y se muestra en verde), también puede aumentar su tamaño desplazando o disminuyendo los píxeles en las coordenadas x e y por lado, así como su posición.
• También puede utilizar la opción Resolución para indicar si el estudio debe ser para escritorio o móvil. En la imagen a continuación, se seleccionó móvil y los AOIs se actualizaron automáticamente.

3. Repita para elementos adicionales.
4. Cada AOI aparecerá en la lista de AOIs y se rastreará automáticamente durante el estudio.

4.3 Qué se Rastreará

Para cada AOI durante una sesión de estudio, Labvanced proporciona al investigador las siguientes posibilidades para grabar datos conductuales:

4.4 Previsualizando Su Estudio

Antes de publicar, siempre previsualice su estudio con la extensión instalada para confirmar:

• El sitio web se carga correctamente en el marco.
• Los AOIs están funcionando como se esperaba.

Primero guarde la tarea, luego haga clic en el botón de reproducción "Previsualizar" en la barra de herramientas del editor bajo Controles de Tarea para abrir una vista previa de una tarea específica en vista de participante.

4.5 Publicando y Compartiendo

Una vez que su estudio esté listo:

1. Vaya a la pestaña Lanzar y Participar.
2. Haga clic en el botón Activar para habilitar grabaciones de datos para su estudio.
3. Bajo Participación en Línea / Estudio Publicado, haga clic en Publicar.
4. Copie el Enlace de Participación en Línea y compártalo con sus participantes.

5. Cómo Usarlo — Guía para Participantes

Antes del Estudio

1. Recibirá un enlace directo a un estudio de investigación de Labvanced del investigador.
2. Si la extensión aún no está instalada, la página del estudio mostrará un mensaje de instalación con un enlace directo a la Chrome Web Store.
3. Instale la extensión, luego regrese al enlace del estudio y actualice la página.
4. Una vez que el estudio confirme que la extensión está instalada, haga clic en Comenzar para iniciar.

Durante el Estudio

• Use e interactúe con el sitio web que se le muestra como lo haría normalmente: navegue, haga clic y desplácese según las instrucciones.
• La extensión funciona silenciosamente en segundo plano. No necesita interactuar con ella.
• No haga clic en el ícono de la extensión durante el estudio: no es necesario.

Después del Estudio

• Complete cualquier pregunta posterior al estudio si se le solicita.
• Una vez que el estudio termine, puede desinstalar la extensión si ya no la necesita:
  • Haga clic derecho en el ícono de la extensión en la barra de herramientas → "Eliminar de Chrome".

6. Casos de Uso

6.1 Investigación UX de Comercio Electrónico

Incruste una lista de productos o una página de pago. Rastreé qué imágenes de productos los participantes fijan su atención, qué botones "Agregar al Carrito" hacen clic y cuánto se desplazan antes de tomar una decisión.

6.2 Estudios de Atención en Noticias y Medios

Incruste un artículo de noticias o la página de inicio. Mida qué titulares atraen más atención, cómo varían los patrones de lectura según la longitud del artículo y qué imágenes atraen primero la vista.

6.3 Pruebas de Navegación y Arquitectura de Información

Incruste el menú de navegación de un sitio web o un flujo de múltiples páginas. Registre clics y tiempos de permanencia al pasar el cursor para evaluar la claridad de las etiquetas del menú y la capacidad de encontrar.

6.4 Estudios de Comparación (A/B)

Cree dos pruebas con diferentes versiones del sitio web incrustadas. Aleatorice a los participantes entre condiciones utilizando el equilibrio incorporado de Labvanced. Compare métricas de AOI entre grupos.

7. Datos y Privacidad

¿Qué datos recopila la extensión?

La extensión recopila lo siguiente solo cuando está dentro de una sesión de investigación activa de Labvanced:

• Posiciones de cuadros delimitadores (x, y, ancho, alto) de elementos de página seleccionados por el investigador
• Coordenadas del mouse, posiciones de clic, eventos de desplazamiento y trayectorias de movimiento del mouse
• La posición de desplazamiento de la página actual y la URL de la página
• Fragmentos de texto visibles de elementos pasados por encima/clicados (truncados a 50 caracteres)

Los campos de contraseña y entradas de formulario sensibles nunca son leídas. La extensión excluye explícitamente <input type="password"> y entradas con atributos de autocompletar sensibles (autocomplete="password", cc-*). Estos devuelven valores vacíos en todos los casos.

¿A dónde van los datos?

Todos los datos se transmiten exclusivamente a la página de labvanced.com que incrusta a través de la API postMessage del navegador. La extensión no envía ningún dato a servidores externos, no almacena nada localmente y no recopila datos durante la navegación normal fuera de un estudio de Labvanced.

¿La extensión me rastrea en otros sitios web?

No. Los scripts de contenido de la extensión se inyectan en todos los iframes (debido a que el dominio del sitio web objetivo no puede conocerse de antemano), pero salen inmediatamente a menos que location.ancestorOrigins confirme que labvanced.com es un marco ancestro. En cualquier sitio web no incrustado por Labvanced, no se instalan oyentes, no se lee el DOM y no fluyen datos.

¿La extensión modifica algo fuera de Labvanced?

No. La extensión elimina las restricciones de incrustación de iframes (encabezados X-Frame-Options / Content-Security-Policy) solo en las pestañas del navegador cuya URL de nivel superior es labvanced.com. Todas las demás pestañas quedan completamente afectadas. Estas reglas se almacenan únicamente en memoria y se eliminan cuando la pestaña se cierra o se navega lejos.

Política de Privacidad Completa

Consulte la política de privacidad completa en: https://www.labvanced.com/extension-privacy-policy.html

8. Solución de Problemas

El sitio web no se carga en mi estudio

Causas y soluciones posibles:

El ícono de la extensión muestra una advertencia o está atenuado

• Haga clic en el ícono para abrir la ventana emergente y leer el mensaje de estado.
• Asegúrese de estar en una página de labvanced.com o tener un estudio de Labvanced abierto.
• Intente desactivar y volver a activar la extensión desde chrome://extensions.

El selector de elementos no resalta elementos

• Asegúrese de que la extensión esté habilitada y esté en el editor (no en modo de vista previa).
• Algunos sitios web utilizan Shadow DOM o estructuras de iframe dentro de iframe que limitan la selección de elementos. Intente seleccionar un elemento Padre a través del panel de Propiedades del Objeto.
• Actualice el editor y vuelva a intentarlo.

9. Preguntas Frecuentes

P: ¿Es gratuita la extensión? R: Sí. La extensión es gratuita para instalar y usar. Se requiere una cuenta de Labvanced para diseñar estudios.

P: ¿Funciona en otros navegadores (Firefox, Safari, Edge)? R: Actualmente, solo se admite Google Chrome. Microsoft Edge (basado en Chromium) puede funcionar pero no está oficialmente soportado o probado.

P: ¿Necesito dejar la extensión instalada después del estudio? R: No. Los participantes pueden desinstalarla inmediatamente después de completar el estudio. Haga clic derecho en el ícono de la extensión → "Eliminar de Chrome".

P: ¿La extensión ralentizará mi navegador? R: La extensión está inactiva fuera de las sesiones de Labvanced. No agrega ninguna sobrecarga a la navegación normal.

P: ¿Puede ver mis contraseñas o información bancaria? R: No. Los campos de contraseña (<input type="password">) y las entradas de tarjetas de crédito están explícitamente excluidos y devuelven valores vacíos en todos los casos. La extensión nunca lee ni transmite datos de formulario sensibles.

P: Soy un investigador, ¿puedo usar esto para rastrear un sitio web que el participante visita por su cuenta? R: No. La extensión solo se activa dentro de iframes incrustados por labvanced.com. No puede rastrear sitios web que los participantes visitan de manera independiente en otras pestañas.

P: La política de TI de mi institución requiere una revisión de la extensión antes de que los empleados puedan instalarla. ¿A quién puedo contactar? R: Contáctenos en [email protected] con su solicitud.

10. Contacto y Soporte

Correo electrónico: [email protected]

Documentación: https://www.labvanced.com/content/learn/es/en/guide/

Foro comunitario en Discord: https://discord.com/invite/SBpFJnVZah

Informes de errores: Incluya:

• Su versión de Chrome (chrome://settings/help)
• La URL del sitio web que está intentando incrustar
• Una captura de pantalla de cualquier mensaje de error
• Pasos para reproducir el problema

Labvanced Web Bridge es desarrollado y mantenido por Scicovery GmbH. Para la política de privacidad completa, visite https://www.labvanced.com/extension-privacy-policy.html