Embed Tile

Introduction

Embed tiles allow you to incorporate data and visualizations from other tools and platforms into your dashboard.

For example, embedding interactive visualizations, videos, or other engaging content from Youtube can help keep users interested and engaged with the data and provide users with a comprehensive view to increase the liveliness of your dashboard.

Embed tiles allow you to make your dashboard a single pane of glass for visualizing telemetry data plus data from specific websites. This can help you to access all the relevant data in one place, which can save time and reduce the risk of errors.

Permissions

See Using RBAC for more information.

Create an Embed Tile

1. From DASHBOARDS → Dashboard, create a new dashboard or select from an existing dashboard collection.

   See Create Dashboards to learn about creating dashboards.

2. Click CREATE TILE or + from the toolbar.

3. In the ADD TILE window, select Embed. The following screen is displayed:
   
   

4. Select one of the following:

   Tile Option	Functionality
   Build my own	Visualize UI loading from embedded URL.

   Build My Own

   1. Select the Build my own tab. This enables you to create a custom tile.
      
      

   2. Enter a link in the EMBED LINK section.
      
      

      Note: By default the Auto Refresh is set to Off, click the down arrow and select On to turn Auto Refresh to On.

   3. Click the VISUALIZATION tab to customize the visualization further:

      • HEADER: Set a name, color, size, and alignment for the header.
        
        

   4. Click ADD TILE. The Embed tile is created and displayed on the main dashboard screen.

   Examples

   Following are some examples of embed URLs:

   Example 1

   The following example demonstrates embedding an external website that displays the current local time and related time zone information:

   1. Enter the below URL in the EMBED LINK field:

      • URL: https://time.is
        
        

   2. Click the VISUALIZATION tab to customize the visualization further: HEADER: Set a name, color, size, and alignment for the header.

   3. The preview will load the Time.is screen.

      Note: The preview will only show if embedding is supported by the site.
      
      

   Example 2

   The following example demonstrates embedding an external dashboard that displays global cybersecurity attack data:

   1. Enter the below URL in the EMBED LINK field:

      • URL: https://securitycenter.sonicwall.com/m/page/worldwide-attacks
        
        

   2. Click the VISUALIZATION tab to customize the visualization further: HEADER: Set a name, color, size, and alignment for the header.

   3. The preview will load the Worldwide Attacks screen.

      Note: The preview will only show if embedding is supported by the site.
      
      

   Example 3

   The following example demonstrates embedding an external image using a direct image URL:

   1. Enter the below URL in the EMBED LINK field:

      • URL: https://upload.wikimedia.org/wikipedia/commons/a/a7/React-icon.svg
        
        

   2. Click the VISUALIZATION tab to customize the visualization further: HEADER: Set a name, color, size, and alignment for the header.

   3. The preview will load the React logo screen.

      Note: The preview will only show if embedding is supported by the site.
      
      

   Example 4

   The following example demonstrates embedding an external YouTube video using the correct embed URL format:

   1. Enter the below URL in the EMBED LINK field:

      • URL: https://www.youtube.com/embed/Wporyr3hr68
        Note: Replace watch?v= in the original YouTube URL with embed/ to create a valid embed link.
        
        

   2. Click the VISUALIZATION tab to customize the visualization further: HEADER: Set a name, color, size, and alignment for the header.

   3. The preview will load the YouTube video player screen.

      Note: The preview will only show if embedding is supported by the site.
      
      

   4. Click ADD TILE. The Embed tile is added and displayed on the Dashboard screen.
      
      

   ×