Páginas web y HTML incrustado en una pantalla
Por qué una página web o un widget HTML incrustado se previsualiza correctamente en easyCMS pero aparece en blanco en pantalla, restricciones de encuadre, HTTPS, inicios de sesión, y los ajustes de modo de renderizado que lo solucionan.
“En la vista previa funciona, pero la pantalla está en blanco” es la queja habitual con las páginas web, y no es un error. Aquí está el porqué, y las soluciones en orden.
Studio no tiene plantilla de página web. Las páginas web y el HTML incrustado van en un layout en el editor avanzado: en el menú de la cuenta de Studio, elija Cambiar a easyCMS clásico y luego Abrir easyCMS clásico.
Por qué la vista previa y la pantalla no coinciden
| Su vista previa | El reproductor | |
|---|---|---|
| Inicio de sesión | Su navegador tiene la sesión iniciada | Sin sesión iniciada, así que recibe una página de inicio de sesión o una página en blanco |
| Inserción en marco | A menudo permitido | La mayoría de los sitios prohíben mostrarse dentro de otra página |
Contenido http:// |
Puede cargar | Bloqueado dentro de una página https:// |
| Motor del navegador | Navegador de escritorio actualizado | Más antiguo y más estricto, sobre todo en smart TV y en cajas Android baratas |
Soluciones, de la más probable a la menos
- Pruebe la URL en el propio dispositivo. Abra el navegador del dispositivo y cargue la dirección exacta. Si falla ahí, arregle primero la red, el certificado o el inicio de sesión. Esta prueba resuelve la mayoría de los casos.
- Cambie el modo de renderizado a Abrir de forma nativa. El reproductor carga entonces la página en su propio navegador, lo que evita los sitios que se niegan a mostrarse en un marco. Ocupa toda su zona, no puede quedar debajo de otro contenido y no tiene vista previa en easyCMS, así que compruébela en la pantalla. Posición manual y Ajuste óptimo muestran la página en un marco y siguen todas las reglas de arriba. Abrir de forma nativa funciona solo en Android y Windows. En LG webOS, un sitio que se niega a mostrarse en un marco no aparecerá en ningún modo: use otra dirección, o una página que usted controle.
- Use HTTPS con un certificado público válido. Los certificados autofirmados y caducados fallan sin avisar. Un certificado interno debe instalarse como de confianza en el dispositivo.
- Quite el inicio de sesión. Una pantalla no puede escribir una contraseña. Use en su lugar un enlace público o de solo lectura.
- Mantenga la página ligera. El JavaScript pesado, WebGL, los contenidos con reproducción automática y las fuentes web de terceros fallan más a menudo en el hardware de los reproductores. Cuando pueda, haga una versión sencilla para la pantalla.
En Windows, un widget rebelde puede pasar al motor Edge más reciente poniendo <!-- BROWSER=edge --> en la primera línea de su HTML incrustado.
Dashboards
Los dashboards de BI y analítica casi siempre bloquean la inserción y piden iniciar sesión. Use la opción propia de la herramienta de enlace público, publicar en la web o uso compartido de solo lectura: da una dirección hecha para incrustarse.
HTML incrustado
Un widget de HTML incrustado en blanco suele significar:
- Scripts cargados por
http://, o desde un dominio que el dispositivo no puede alcanzar. - Código que presupone un tamaño de pantalla de escritorio.
- Marcado roto. Una etiqueta sin cerrar puede impedir que se reproduzca todo el diseño: consulte El contenido programado no se reproduce.
Consejo Pruebe primero con algo trivial, un bloque de color con algo de texto. Luego vuelva a añadir su código real pieza a pieza.
No es una avería: un diseño con una página web suele mostrar un signo de exclamación naranja en lugar de una marca verde. easyCMS no puede comprobar una página en vivo. Se reproduce igualmente.
Artículos relacionados: Crear diseños, Contenido dinámico con DataSets, Requisitos de red y reglas de firewall