Embed a Looker iFrame

Embedding a Looker iFrame in your HTML page requires creating a layer with the embed configuration and adding the visualization tag for that layer to your HTML file.

Create an Embed Layer for Looker

Create a layer file in /layers. For example, create lookerembed1.wld with the following contents:

<config>
{
    "type" : "looker-embed",
    "embed_settings" : {
        "dashboard_url": "/embed/dashboards/75",
        "dashboard_theme": "mytheme",
        "hide_header" : "True",
        "hide_footer" : "True"
    }
}
</config>
Option Example Descripton
dashboard_url "/embed/dashboards/75" The embed URL of the Looker dashboard or look. This can be either a user-generated or LookML dashboard.
dashboard_theme "mytheme" The name of the Looker theme to use for styling the dashboard. This only works for dashboards (not looks) and is an add-on feature to Looker.
hide_header "True" or "False" Specifies whether to hide the header of the Looker iFrame. Allows for more seamless integrating into the application.
hide_header "True" or "False" Specifies whether to hide the footer of the Looker iFrame. Allows for more seamless integrating into the application.

Add the Tag to Your HTML Page

Edit one of your HTML pages in /pages and add the following tag within that file:

<div>
   <lookerembed1/>
</div>