App de Website/URL

Aprende cómo usar la app de Website en EasySignage para mostrar páginas web en vivo en tus pantallas de señalización digital ingresando una URL y configurando los ajustes de visualización.

 

 

Cómo Agregar una Página Web a la Señalización Digital

  • El sitio web se cargará en tu pantalla
  • Los sitios web no funcionan sin conexión, asegúrate de tener conexión a internet continua cuando uses esta app
  • Copia la URL del sitio web
  • Ve a la Consola de Administración.
  • Haz clic en la lista de reproducción y luego en la capa donde agregarás un sitio web.
  • Si la capa no tiene medios, se abrirá el diálogo de apps. De lo contrario, haz clic en Add New (Agregar nuevo)
  • Haz clic en Web
  • Haz clic en Website (Sitio web)
  • Pega la URL copiada en el campo
  • Haz clic en Save (Guardar)

 

Tasa de Actualización

Marca la casilla “Enable” (Activar) para permitir que la app web se recargue automáticamente cada X minutos. Especifica el intervalo de actualización deseado en minutos.

 

Tasa de actualización de la app web

 


 

Factor de Zoom

Marca la casilla “Enable” (Activar) para permitir el zoom en la app web. Usa la función de desplazamiento derecha e izquierda para acercar y alejar (%).

 

Factor de zoom de la app web

 


 

Mi sitio web no funciona en mi pantalla, ¿qué hacer?

 

Para Usuarios No Técnicos

Al usar reproductores que no son Android, nuestro sistema muestra sitios web en tus pantallas usando algo llamado iframe — como mostrar un sitio web dentro de una ventana en otra página.

Sin embargo, algunos sitios web no permiten mostrarse de esta manera. Podrías ver un error como este:

Refused to display [https://example.com/] in a frame because it set ‘X-Frame-Options’ to ‘sameorigin’.

Esto significa que el sitio web tiene una configuración de seguridad que bloquea su incrustación en otras apps o pantallas. Es una protección común usada para prevenir el uso indebido o la visualización no autorizada.

 

Tus Opciones:

  • Usa una pantalla o reproductor basado en Android, los reproductores Android no usan iFrames

  • Usa Proxy para reproductores no Android En la configuración de tu lista de reproducción, marca la casilla: “Use proxy” (Usar proxy) Esto le indica a nuestro sistema que cargue el contenido de forma segura evitando este problema. Puede no funcionar para todos los sitios web

    Señalización digital - casilla proxy

  • Pide al propietario del sitio web que cambie una configuración Si controlas el sitio web (o conoces a la persona que lo hace), puedes pedirle que permita la incrustación. Consulta la sección técnica a continuación.

 

Para Usuarios Técnicos

Este error común:

Refused to display [https://example.com/] in a frame because it set ‘X-Frame-Options’ to ‘sameorigin’.

es causado por un encabezado HTTP X-Frame-Options restrictivo que impide que el sitio web se incruste en un iframe desde un origen diferente.

Para soportar el uso en señalización digital (donde el dominio de incrustación a menudo es dinámico o desconocido), recomendamos permitir todos los dominios usando el comodín *.

 

Para Permitir que Cualquier Dominio Incruste tu Sitio

  • Preferido: Usa Content-Security-Policy (CSP)

    Content-Security-Policy: frame-ancestors *;

Este enfoque moderno reemplaza X-Frame-Options y es compatible con todos los navegadores principales.

  • Alternativa (no recomendada): Eliminar X-Frame-Options

Alternativamente, puedes eliminar este encabezado por completo o evitar configurarlo:

‘# NO incluir:’ X-Frame-Options: sameorigin

X-Frame-Options: ALLOW-FROM * no es válido y no es compatible con la mayoría de los navegadores. Usa CSP en su lugar.

 

Variables Dinámicas de URL

Puedes usar variables dinámicas de URL para insertar automáticamente información del reproductor dentro de la URL de tu sitio web, permitiéndote pasar detalles como ID del reproductor, nombre, fabricante del dispositivo y etiquetas personalizadas (ej. ID de tienda, zona, región).

Esto es útil para personalizar contenido, análisis y recuperación de contenido basada en API. Para aprender cómo usar variables dinámicas y ver todas las opciones disponibles, visita:

Variables Dinámicas de URL.