Adding websites and YouTube videos to a dashboard

Adding websites and YouTube videos to a dashboard#

This guide explains how to display a website on a dashboard, and how to add website content, such as a YouTube video, to a dashboard.

Prerequisites#

Before you complete the procedure in this guide, perform all of the following actions:

Limitations#

The iframe widget used to display a website on your dashboard comes with the following limitations:

  • Websites which prevent being displayed in a frame using X-Frame-Options cannot be displayed on a dashboard. For more information, see MDN Web Docs.

  • You cannot submit forms using a website displayed on the dashboard.

  • Any pop-ups used on the original website will silently fail to open on the website displayed on the dashboard.

Displaying a website on a dashboard using a URL#

To display a website on a dashboard, follow these steps:

  1. Go to the Present page.

  2. Click the dashboard where you want to display the website.

  3. In the top right corner of the page, click + Add Widget.

  4. Click image1 iFrame from the list.

  5. In URL, enter the URL to the website that you want to display on the dashboard, for example https://www.adverity.com.

  6. Click Apply.

As a result, the website is displayed on the dashboard as an iframe widget.

Embedding website content on a dashboard#

Some applications allow you to embed parts of their website using an iframe embed code. You can use this method for any content that can be added using an iframe embed code, such as videos on YouTube or spreadsheets from Google Sheets. The following guide explains the process using a YouTube video as an example.

To display a YouTube video on a dashboard using an iframe embed code, follow these steps:

  1. In the YouTube user interface, get the embed code. The embed code starts with <iframe. For more information, see the YouTube documentation.

  2. In the embed code, find the value of the src attribute. For YouTube, the src attribute looks like src="https://www.youtube.com/embed/abcdefghij".

    The value of the attribute is the part of code within the quotations marks. Using the example above, the value is https://www.youtube.com/embed/abcdefghij.

  3. Go to Adverity.

  4. Go to the Present page.

  5. Click on the dashboard where you want to display the website.

  6. In the top right corner of the page, click + Add Widget.

  7. Click image2 iFrame from the list.

  8. In URL, enter the value of the src attribute copied from the embed code, e.g. https://www.youtube.com/embed/abcdefghij.

  9. Click Apply.

As a result, the YouTube video is displayed on the dashboard as an iframe widget.

Changing the website or content displayed in an iframe widget#

To change the website or content displayed in an iframe widget, follow these steps:

  1. Go to the Present page.

  2. Click the dashboard where you display the website.

  3. In the top right corner of the iframe widget displaying the website, click image3 Widget settings.

  4. Click image4 Edit iFrame widget.

  5. In URL, enter the URL of the new website that you want to display on the dashboard, or the src attribute value of the new content you want to embed.

  6. Click Apply.

As a result, you have changed the website or content displayed in this iframe widget.

Contents