Toon je eigen website op je narrowcasting beeldschermen

In dit artikel kom je te weten hoe je jouw website kan tonen via ons CMS op je narrowcasting beeldschermen.

Ben je op zoek naar manieren om je website te tonen op een dynamische manier? Onze website-widget is de perfecte oplossing hiervoor!

In deze handleiding zullen we je stap voor stap begeleiden bij het naadloos integreren en configureren van onze website widget.

Algemene opmerking: Websites worden weergegeven in een iframe op de mediaspeler.

 

Instellen van de widget

  1. Maak een clip met behulp van de "Eigen website" widget in ons CMS.
  2. Kopieer de URL van de website die je wilt tonen.

Zorg ervoor dat je de URL correct hebt geplakt: https://www.domeinnaam.com of http://domeinnaam.com

  • Bekijk de widget in de creation station om te controleren of deze eruitziet en zich gedraagt zoals verwacht.
  • Controleer de prestaties en laadtijden van de widget om een soepele ervaring te garanderen.
  • Wees je ervan bewust dat sommige websites conflicten kunnen veroorzaken met de widget vanwege de instellingen/het ontwerp van de website.

We kunnen niet garanderen dat alle websites kunnen worden weergegeven met de "Eigen website" widget.

Beste mediaspelers om te gebruiken voor websites:

  • XMP-7500
  • XMP-8552

Belangrijk om te weten

Incompatibiliteit met Browser- of WebView-versie:

Android 7.1 gebruikt WebView om webinhoud binnen apps te renderen. De mediaspelers gebruiken niet de meest recente Chrome-versie, wat conflicten met de website kan veroorzaken.

Responsieve Inhoud:

Mediaspelers vereisen een invoer van 1920 x 1080. Responsief ontwerp van een website wordt niet altijd correct weergegeven.

De website URL die je invult kan beginnen met ‘https://’ of ‘http://’.

De website’s X-frame opties moeten op ‘toestaan’ worden gezet om de website te kunnen tonen op het scherm.

De webbouwer van de website kan je helpen met het instellen van de X-frame opties. Je website moet daarnaast iframe (inline frame) ondersteunen.

Een inline frame wordt gebruikt om een document in te bedden in het bestaande HTML document.

Problemen met Cross-Origin Resource Sharing (CORS):

Als je website interactie heeft met externe bronnen (zoals API's) die zich op verschillende domeinen bevinden, kunnen CORS-beleidsregels de juiste communicatie verhinderen. Zorg ervoor dat je server is geconfigureerd om CORS-verzoeken correct af te handelen.

Inhoud Laden en Timing:

Als je website afhankelijk is van externe bronnen, kunnen langzame laadtijden of timing problemen de gebruikerservaring verstoren. Optimaliseer de strategie voor het laden van de inhoud van je website.

Netwerkconnectiviteit:

Slechte of onstabiele internetverbindingen op de mediaspeler kunnen laadproblemen veroorzaken. Controleer de netwerkverbinding en overweeg het gebruik van content-caching voor verbeterde prestaties.

Beveiligingsbeleid:

Beveiligingsheaders, zoals Content Security Policy (CSP) of X-Content-Type-Options, kunnen van invloed zijn op hoe inhoud wordt geladen en weergegeven. Zorg ervoor dat de beveiligingsbeleidsregels van je website correct zijn geconfigureerd.

Als je tijdens het testen problemen tegenkomt, raadpleeg dan onze ondersteuningsdocumentatie.