Find the embedding solution that fits your needs
Pick the scenario that sounds most similar to the experience you are trying to create with embedded content.I'm trying to embed a Looker visualization on my site or app so that anyone in the world can access the content easily.
This article will walk you through how to publicly embed a visualization from a Look in an <iframe>
, so it can be displayed in a separate HTML document or as a link by itself in a browser.
Important Notes:
- Your Looker administrator must have enabled the Public URLs setting on your Looker instance, and users must have the
create_public_looks
permission to do this. - You must be in Production Mode to get the embed URL for a Look as a table or visualization.
How to Embed a Visualization Into an iframe
If you have not yet created the visualization you would like to embed, you must first create the visualization:
- Open folders (called "Spaces" before Looker 6.20) and select the folder with your Look.
- Open the Look and go to its Visualization section.
- Modify the visualization to your liking, then save the Look.
To embed the visualization:
- Open folders and select the folder with your Look.
- From the folder, click on the Look's menu and selectEdit Settings.
You can also select Edit Settings from the gear menu in the Look itself:
- From the Look Settings pop-up window, enablePublic Access for the Look by checking the Public Access box.
Note: If you do not see the Public Access checkbox, make sure to check whether your instance admin has enabled the Public URLs setting in the Admin panel.
- Click Save.
- Once you make the Look public, copy the link that appears in theEmbed Visualization section. You can also embed a table by copying the link in the Embed Data Table section.
- Click Done.
- Paste the copied inline
<iframe>
into the HTML code where you would like the visualization to appear.
Viewing an Embedded Visualization Without an iframe
You can also view the embedded visualization without inserting it via an html iframe, by pasting the embed link in your browser. For example, if your iframe link looks like this:
<iframe src="https://learn.looker.com/embed/public/CNdbvTys8ZVgQn423Sf4y2GYhy6b6522" width="600" height="338" frameborder="0"></iframe>
You can view just the embedded visualization by pasting just the URL into your browser:
`https://learn.looker.com/embed/public/CNdbvTys8ZVgQn423Sf4y2GYhy6b6522`This will look something like:
