Category: Web Content

Embedding Google Slides in iObeya

iObeya's "webcontent" tool displays external content using its URL. However, embedding a Google Slides presentation directly in presentation mode does not work correctly because the default URL does not launch the embed mode.

How do I embed a Google Slides presentation?

Copy and paste the presentation's URL. Example: https://docs.google.com/presentation/d/yourGoogleSlidesID/edit#slide=id.p
Replace the end of the URL (starting from the last /) with /embed. Example: The URL becomes https://docs.google.com/presentation/d/yourGoogleSlidesID/embed.

How can I customize the presentation display?

You can add parameters to the URL to customize its behavior:

start=true: Automatically starts the presentation.

delayms=6000: Sets a 6-second delay between slides.

slide=id.p#: Starts the presentation from a specific slide (replace # with the desired slide number).

rm=minimal: Displays only the presentation, removing extra information.

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

How do I use this URL in iObeya?

Simply copy this URL into the URL field of the external content tool in iObeya.

Please note

Permissions are not modified and continue to be fully managed within Google Workspace.
A user may have access to your iObeya board but not to the associated image. In such cases, simply share the file with them as you would via Google Drive.

Additional Information

For complete details on using the webcontent tool, please refer to the full documentation available here.

Web Content

Embedding Google Slides in iObeya

iObeya’s "webcontent" tool displays external content using a URL. To properly display a Google Sheets or Google Docs file, you need to use the correct URL, which can be customized to improve the display.

How do I display a Google Sheets or Google Docs file?

Simply copy the file’s URL and paste it into the URL field of iObeya’s external content tool.

Examples:

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

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

Can I customize the display?

Yes, you can add a parameter to remove unnecessary elements (like menu bars) for a cleaner display.

Customized examples:

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

How do I use this URL in iObeya?

Simply paste the URL (customized or not) into the URL field of iObeya’s "webcontent" tool to display the file on your board.

Please note

Permissions are not modified and continue to be fully managed within Google Workspace.
A user may have access to your iObeya board but not to the associated image. In such cases, simply share the file with them as you would via Google Drive.

Additional Information:

For complete details on using the webcontent tool, please refer to the full documentation available here.

Web Content

Embedding Google Slides in iObeya

To display an image from Google Drive in iObeya, simply follow the steps below:

Connect to your Google Drive
Click to display the image you want to show in iObeya in your Drive
Open this image in another window
Once the image is displayed in the other window, open the menu with the 3 dotted lines
Select the “Embed item...” option
Copy the HTML code provided in the popup
In iObeya, create a new web content element on your board
Paste the HTML code in the Embedded code section
Save

The image from your Google Drive should be displayed in iObeya

Please note

Permissions are not modified and continue to be fully managed within Google Workspace.
A user may have access to your iObeya board but not to the associated image. In such cases, simply share the file with them as you would via Google Drive.

Additional Information

For complete details on using the webcontent tool, please refer to the full documentation available here.

Web Content

Embedding Google Slides in iObeya

When you try to embed an image or PDF document stored on Sharepoint with the “Web Content” tool, you may face a problem: nothing is displayed and the item remains gray.

To make it work, you need to open it from Sharepoint and click at the top left of the window on the “...” then click on “</> Embed” and retrieve this link.
Once pasted into Web Content on your iObeya board, it will work.

This is rather counter-intuitive as you should NOT use the “Share” button on the top right.

ApplicationWeb Content

Embedding Google Slides in iObeya

.wp-grid-builder .wpgb-card.wpgb-card-hidden .wpgb-card-wrapper{opacity:1!important;visibility:visible!important;transform:none!important}.wpgb-facet {opacity:1!important;pointer-events:auto!important}.wpgb-facet *:not(.wpgb-pagination-facet){display:none}

When using the "Web Content" tool with Power BI, the link provided by Microsoft may not display the correct page on the iObeya.

To access a specific page, you will need to add :

rs:Embed=true
pageName=
l'ID of the page

First, find the page ID :

To get it, navigate in Power BI to the tab of the report you want to display. In the url, here's what will interrest us : https://app.powerbi.com/groups/me/reports/b54710cb-1670-4c0b-a122-26f45b847ad5/ReportSectionb4xa0061xacxf92xd16x?experience=power-bi

Then, adapt the embed code by adding the parameters and their values:

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

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

ApplicationWeb Content

Embedding Google Slides in iObeya

By default, when adding a youtube video via web content, it may display on the board but won't start automatically when clicked. To enable the automatic playback, please follow these steps:

Right click on the youtube video
Select "Copy embed code"

Edit the code in notepad by adding the following text at the end of the value of the attribute "SRC" ?autoplay=1&mute=1

Your iframe code should look something like this:

<iframe width="560" height="315" src="https://www.youtube.com/embed/YourVideoID ?autoplay=1&mute=1" frameborder="0" allowfullscreen></iframe>

Past the new code into the your web content and save.

Now, your YouTube video should display on the iObeya board, and when you click on it, it should open in a tab and start playing automatically.

If you've already put the video in without changing the code, you can edit it by clicking on the video and selecting "Edit this source."

Support

If you need assistance, please reach out to support@iobeya.com.

Web Content

Embedding Google Slides in iObeya

Here are the steps to use the Web Content element to display a specific PowerPoint slide:

In PowerPoint Online, share your document (File > Share > Embed)
In the preview panel, select the desired slide
Click on the icon on the bottom right of this panel ("Open in New Window")
In the opened tab, get the slideID parameter
Copy the iFrame code, paste it in a text editor (notepad for instance). Then, at the end of the src attribute, add the following text: "&wdSlideId=[THE_SLIDE_ID]";

Now, get the whole text, add a new Web Content element, put the text in it and enjoy!

Example of a generated iFrame code by Powerpoint

Imagine the slideID has the value 505, the code becomes:

Web Content

Embedding Google Slides in iObeya

The web content addon uses an iframe to display external web content in your board, and the security is our main concerns when adding such feature.

Here are the known security threats related to iframe, and what we did to prevent them are the following:

Clickjacking: by default, we block interaction with the iframe content, so the user will not be able to click on anything inside the iframe. In case the interaction is actived, users have to use the content with the same caution than any web browsing session.
Cross-frame scripting (XFS): this risk is not related to the web content addon. It is a risk when iObeya is integrated in an iframe.
We use Content-Security-Policy: frame-ancestors to make sure iObeya cannot be integrated in a malicious website that would allow cross-frame-scripting
Cross-site-scripting (XSS), iframe phishing and iframe injection: we enforce sandbox on all iframe to block the iframe to trigger top-level navigation
Dialog box threats: we enforce sandbox on all iframe to block the iframe to open dialog box.
Shadow downloads: we enforce sandbox on all iframe to block the iframe to start any download.

Since version 4.22, you also have the possibility to use a whitelist to allow specific domains only: more information here

Web Content