Category : Web Content

Insertion de Google Slides dans iObeya

L’outil "Contenu en ligne" d’iObeya permet d’afficher un contenu externe via son URL. Cependant, insérer directement une présentation Google Slides en mode présentation ne fonctionne pas correctement, car l’URL par défaut ne lance pas le mode "embed".

Quelle est la démarche pour afficher une présentation Google Slides ?

Copiez-collez l’URL de la présentation. Exemple : https://docs.google.com/presentation/d/yourGoogleSlidesID/edit#slide=id.p
Remplacez la partie finale de l’URL à partir du dernier / par /embed. Exemple : L’URL devient https://docs.google.com/presentation/d/yourGoogleSlidesID/embed

Comment personnaliser l’affichage de la présentation ?

Vous pouvez ajouter des paramètres à l’URL pour adapter la lecture :

start=true : Démarre automatiquement la présentation.

delayms=6000 : Définit un délai de 6 secondes entre les slides.

slide=id.p# : Démarre la présentation à partir d’une slide spécifique (remplacez # par le numéro de la slide souhaitée).

rm=minimal : Affiche uniquement la présentation sans éléments superflus.

Exemple personnalisé : https://docs.google.com/presentation/d/yourGoogleSlidesID/embed?start=true&delayms=8000&rm=minimal

Comment utiliser cette URL dans iObeya ?

Copiez cette URL dans le champ dédié à l’URL du contenu externe dans l’outil "webcontent" d’iObeya.

À noter :

Les autorisations ne sont pas modifiées et restent entièrement gérées dans Google Workspace.
Un utilisateur peut avoir accès à votre tableau iObeya sans pour autant avoir accès à l’image associée. Dans ce cas, partagez simplement le fichier avec lui comme vous le feriez via Google Drive.

Informations complémentaires :

Pour plus de détails sur l’utilisation de l’outil webcontent, consultez la documentation complète disponible ici.

Web Content

Affichage d'un Google Sheets ou Google Docs dans iObeya

L’outil "Contenu en ligne" d’iObeya permet d’afficher du contenu externe via une URL. Pour afficher correctement un fichier Google Sheets ou Google Docs, il faut utiliser l’URL appropriée, qui peut être personnalisée pour améliorer l’affichage.

Comment afficher un fichier Google Sheets ou Google Docs ?

Il suffit de copier l’URL du fichier et de la coller dans le champ URL de l’outil contenu externe d’iObeya.

Exemples :

Google Sheets : https://docs.google.com/spreadsheets/d/yourGoogleSheetID/edit?gid=0#gid=0

Google Docs : https://docs.google.com/document/d/yourGoogleDocID/edit

Peut-on personnaliser l’affichage ?

Oui, vous pouvez ajouter un paramètre pour supprimer les éléments superflus (comme les barres de menus) et obtenir un affichage épuré.

Exemples personnalisés :

Google Sheets : https://docs.google.com/spreadsheets/d/yourGoogleSheetID/edit?rm=minimal&gid=0#gid=0

Google Docs : https://docs.google.com/document/d/yourGoogleDocID/edit?rm=minimal

Comment utiliser cette URL dans iObeya ?

Copiez simplement l’URL (avec ou sans personnalisation) dans le champ URL de l’outil "webcontent" pour afficher le fichier sur votre panneau.

À noter :

Les autorisations ne sont pas modifiées et restent entièrement gérées dans Google Workspace.
Un utilisateur peut avoir accès à votre tableau iObeya sans pour autant avoir accès à l’image associée. Dans ce cas, partagez simplement le fichier avec lui comme vous le feriez via Google Drive.

Informations complémentaires :

Pour plus de détails sur l’utilisation de l’outil webcontent, consultez la documentation complète disponible ici.

Web Content

Insertion de Google Slides dans iObeya

Pour afficher une image en provenance de Google Drive dans iObeya il vous suffit de dérouler les étapes suivantes:

Connectez vous à votre Drive Google
Cliquez pour afficher l'image que vous voulez afficher dans iObeya dans votre Drive
Ouvrez cette image dans une autre fenêtre
Une fois l'image affichée dans l'autre fenêtre, ouvrez le menu avec les 3 pointillés
Sélectionnez l'option "Intégrer l'élément ..."
Copiez le code HTML fournit dans la popup
Dans iObeya, créez un nouveau élément "Contenu en ligne" sur votre panneau
Collez le code HTML dans la section Embedded code
Sauvegardez

L'image de votre Google Drive devrait être affichée dans iObeya.

A noter :

Les autorisations ne sont pas modifiées et restent entièrement gérées dans Google Workspace.
Un utilisateur peut avoir accès à votre tableau iObeya sans pour autant avoir accès à l’image associée. Dans ce cas, partagez simplement le fichier avec lui comme vous le feriez via Google Drive.

Informations complémentaires :

Pour plus de détails sur l’utilisation de l’outil webcontent, consultez la documentation complète disponible ici.

Web Content

Insertion de Google Slides dans iObeya

Lorsque vous essayez d'embarquer une image ou un document PDF stocké sur Sharepoint avec l'outil "Contenu en ligne", vous pouvez avoir un souci : rien ne s'affiche et l'élément reste gris.

Pour faire fonctionner ce partage, il faut l'ouvrir depuis Sharepoint et cliquer en haut à gauche sur les "..." puis cliquer sur "</> Embed" et récupérer ce lien.
Une fois collé dans le Contenu en ligne sur votre panneau iObeya, cela fonctionnera.

C'est assez contre-intuitif car il ne faut PAS utiliser le bouton "Share" en haut à droite.

Si vous rencontrez des difficultés ou avez d'autres questions, vous pouvez nous contacter à support@iobeya.com.

ApplicationWeb Content

Insertion de Google Slides dans iObeya

Lors de l'utilisation de l'outil "Web Content" avec Power BI, il est possible que le lien récupéré côté Microsoft n'affiche pas la bonne page côté iObeya.

Pour accéder à une page en particulier, il faudra ajouter dans l'iframe :

rs:Embed=true
pageName=
l'ID de la page

Comment trouver l'ID de page :

Pour l’obtenir, naviguer sur Power BI vers l’onglet du rapport que je souhaite afficher.

Dans l'url, voici ce qui nous intéressera : https://app.powerbi.com/groups/me/reports/b54710cb-1670-4c0b-a122-26f45b847ad5/ReportSectionb4xa0061xacxf92xd16x?experience=power-bi

On obtient alors un iframe de la forme :

Documentation du rs:Embed : https://learn.microsoft.com/fr-fr/power-bi/report-server/quickstart-embed#capture-the-url-parameter

Documention de PageName : https://learn.microsoft.com/en-us/power-bi/collaborate-share/service-embed-secure#customize-your-embed-experience-by-using-url-settings

ApplicationWeb Content

Comment activer la lecture automatique d'une vidéo YouTube en utilisant l'option de contenu web dans iObeya

Par défaut, lors de l'ajout d'une vidéo YouTube via un contenu web, elle peut s'afficher sur le panneau, mais ne démarrera pas automatiquement lorsqu'on clique dessus. Pour activer la lecture automatique il suffit de suivre les etapes suivantes :

Cliquez avec le bouton droit de la souris sur la vidéo YouTube.
Sélectionnez "Copier le code d'intégration".

Editer le code dans notepad en ajoutant le texte suivant à la fin de la valeur de l'attribut "src"
?autoplay=1&mute=1

Votre code iframe devrait ressembler à ceci :
<iframe width="560" height="315" src="https://www.youtube.com/embed/IDdeVotreVidéo ?autoplay=1&mute=1" frameborder="0" allowfullscreen></iframe>

Collez le nouveau code dans votre contenu web et enregistrez les changement

Maintenant, votre vidéo YouTube devrait s'afficher sur votre panneau et lorsque vous cliquez dessus, elle devrait s'ouvrir dans un onglet et commencer à jouer automatiquement.

Dans le cas ou vous avez déjà ajouté la vidéo sans avoir modifié le code, vous pouvez vous pouvez le changer en cliquant sur la vidéo et en sélectionnant "Modifier cette source".

Support

N'hésitez pas à contacter l'équipe support si vous avez des questions sur cette procédure en envoyant un email à support@iobeya.com.

Web Content

Insertion de Google Slides dans iObeya

Voici les étapes pour utiliser le Web Content afin d'afficher un slide spécifique d'un document PowerPoint:

Dans PowerPoint Online
Partager le document (Fichier > Partager> Incorporer)
Dans la fenêtre de prévisualisation, sélectionner le slide à afficher
Cliquer sur l'icône en bas à droite de cette fenêtre ("Ouvrir dans une nouvelle fenêtre")
Dans l'onglet ouvert, récupérer la valeur du paramètre slideID
Dans le code généré de l'iFrame, ajouter dans l'attribut src le texte suivant : "&wdSlideId=[THE_SLIDE_ID]";

Maintenant, récupérez l'intégralité du texte, ajoutez un nouvel élément de contenu Web, insérez le texte dedans

Exemple d'un code d'iFrame généré par Powerpoint:

Avec une valeur du paramètre slideID qui vaut 505, ce code deviendrait:

Web Content

Insertion de Google Slides dans iObeya

L'addon Contenu en ligne utilise une iframe pour afficher du contenu web externe sur votre panneau et la sécurité est notre principale préoccupation lors de l'ajout d'une telle fonctionnalité.

Voici les menaces de sécurité connues liées à l'iframe, et ce que nous avons fait pour les prévenir :

Clickjacking : Par défaut, nous bloquons l'interaction avec le contenu de l'iframe, de sorte que l'utilisateur ne pourra pas cliquer sur quoi que ce soit à l'intérieur.
Si l'interaction est activée, les utilisateurs doivent utiliser le contenu avec la même prudence que lors d'une session de navigation sur le web.
Cross-frame scripting (XFS) : ce risque n'est pas lié à l'addon de contenu web. C'est un risque lorsque iObeya est intégré dans une iframe. Nous utilisons Content-Security-Policy : frame-ancestors pour nous assurer qu'iObeya ne peut pas être intégré dans un site web malveillant qui permettrait le cross-frame-scripting.
Cross-site-scripting (XSS), phishing iframe et injection iframe : nous appliquons le sandbox sur toutes les iframes afin de bloquer l'iframe pour déclencher la navigation de haut niveau.
Menaces liées aux boîtes de dialogue : nous appliquons le principe du bac à sable à toutes les iframes afin de bloquer l'ouverture des boîtes de dialogue par les iframes.
Téléchargements fictifs : nous appliquons le principe du bac à sable à toutes les iframes afin de les empêcher de lancer un téléchargement.

Depuis la version 4.22, vous avez la possibilité d'utiliser une white list, pour n'autoriser que certains domaines. Plus d'information ici

Web Content