Pages web et HTML intégré sur un écran
Pourquoi une page web ou un widget HTML intégré s'affiche correctement en aperçu dans easyCMS mais reste vide à l'écran, restrictions de cadrage, HTTPS, connexions, et les paramètres de mode de rendu qui résolvent le problème.
« Ça marche dans l’aperçu mais l’écran est vide » : c’est la plainte habituelle avec les pages web, et ce n’est pas un bug. Voici pourquoi, et les solutions dans l’ordre.
Studio n’a pas de modèle de page web. Les pages web et le HTML intégré se placent sur une mise en page dans l’éditeur avancé : dans le menu du compte de Studio, choisissez Passer à easyCMS classique, puis Ouvrir easyCMS classique.
Pourquoi l’aperçu et l’écran diffèrent
| Votre aperçu | Le lecteur | |
|---|---|---|
| Connexion | Votre navigateur est connecté | Connecté sous aucun compte : il reçoit donc une page de connexion ou une page vide |
| Affichage dans un cadre | Souvent autorisé | La plupart des sites interdisent d’être affichés dans une autre page |
Contenu http:// |
Peut se charger | Bloqué dans une page https:// |
| Moteur du navigateur | Navigateur de bureau à jour | Plus ancien et plus strict, surtout sur les Smart TV et les box Android bon marché |
Solutions, de la plus probable à la moins probable
- Testez l’URL sur l’appareil lui-même. Ouvrez le navigateur de l’appareil et chargez l’adresse exacte. Si cela échoue là, réglez d’abord le réseau, le certificat ou la connexion. Ce test résout la plupart des cas.
- Passez le mode de rendu sur Ouvrir en mode natif. Le lecteur charge alors la page dans son propre navigateur, ce qui contourne les sites qui refusent d’être affichés dans un cadre. La page remplit toute sa zone, ne peut pas passer sous d’autres contenus et n’a pas d’aperçu dans easyCMS : vérifiez-la donc sur l’écran. Position manuelle et Ajustement optimal affichent la page dans un cadre et suivent toutes les règles ci-dessus. Ouvrir en mode natif fonctionne uniquement sous Android et Windows. Sur LG webOS, un site qui refuse l’affichage dans un cadre ne s’affichera dans aucun mode : utilisez une autre adresse, ou une page que vous contrôlez.
- Utilisez HTTPS avec un certificat public valide. Les certificats auto-signés et expirés échouent sans message. Un certificat interne doit être installé comme approuvé sur l’appareil.
- Supprimez la connexion. Un écran ne peut pas taper de mot de passe. Utilisez plutôt un lien public ou en lecture seule.
- Gardez la page légère. Le JavaScript lourd, le WebGL, les médias en lecture automatique et les polices web tierces échouent plus souvent sur le matériel des lecteurs. Quand c’est possible, faites une version simple pour l’affichage.
Sous Windows, un widget récalcitrant peut passer au moteur Edge plus récent si vous placez <!-- BROWSER=edge --> sur la première ligne de son HTML intégré.
Tableaux de bord
Les tableaux de bord de BI et d’analytique bloquent presque toujours l’intégration et demandent une connexion. Utilisez l’option lien public, publier sur le web ou partage en lecture seule de l’outil lui-même : elle donne une adresse faite pour être intégrée.
HTML intégré
Un widget HTML intégré vide signifie généralement :
- Scripts chargés via
http://, ou depuis un domaine que l'appareil ne peut pas atteindre. - Du code qui suppose une taille d’écran d’ordinateur de bureau.
- Un balisage cassé. Une balise non fermée peut empêcher toute la mise en page d’être diffusée : voir Le contenu programmé ne se diffuse pas.
Astuce Testez d’abord avec quelque chose de très simple, un bloc coloré avec un peu de texte. Puis remettez votre vrai code morceau par morceau.
Pas une panne : une mise en page avec une page web affiche souvent un point d’exclamation orange au lieu d’une coche verte. easyCMS ne peut pas vérifier une page en direct. Elle est quand même diffusée.
Articles associés : Créer des mises en page, Contenu dynamique avec les DataSet, Exigences réseau et règles de pare-feu