Docs & officedatastudio.google.com/reporting
Can you embed Data Studio in an iframe?
Yes, with the embed code after you turn on Enable embedding. Use the code from the Embed report dialog, not the normal report link.
Checked Test again
Live check
Two links, two results
Report linkBlocked
datastudio.google.com/reporting/1se-9ZRSukdgQUiRqYTSjT8nFLTV0v8Uq/page/y5MR- X-Frame-Options
- DENY (ignored)
- CSP frame-ancestors
- 'none'
- Response
- 200 OK · 254 ms · HTTPS
Embed URLEmbeddable
datastudio.google.com/embed/reporting/1se-9ZRSukdgQUiRqYTSjT8nFLTV0v8Uq/page/y5MR- X-Frame-Options
- Not sent
- CSP frame-ancestors
- Not sent
- Response
- 200 OK · 297 ms · HTTPS
Steps
How to embed Data Studio
- Open the report in edit mode.
- Share the report with the people who must see it. For a public page, use Public on the web.
- ClickFilethenEmbed report
- Select Enable embedding. To show one page, go to that page first.
- Make sure Embed Code is selected. Then click COPY TO CLIPBOARD.
- Paste the code into your page.
Visitors see only what the sharing settings allow.
A restricted report shows only to the people you added, and they must sign in to Google.
Embed code
Paste this into your page
HTML
<iframe
src="https://datastudio.google.com/embed/reporting/{report-id}/page/{page-id}"
width="600"
height="920"
frameborder="0"
style="border: 0"
title="{report title}"
allowfullscreen>
</iframe>Use the code from the Embed report dialog, not the normal share link.
URL patterns
Swap the link you have for the embed URL
- You have…/reporting/{report-id}/page/{page-id}Use in the iframe…/embed/reporting/{report-id}/page/{page-id}
The embed URL has an /embed/ part before reporting.
Good to know
- Looker Studio is now called Data Studio.
- The embedded report is view-only. Visitors can use filters and date controls, but cannot edit, copy or share.
- Visitors cannot refresh the data. It refreshes when the data freshness time ends.
- The Data Studio watermark and the full-screen option always show. You cannot remove them.
- Clear Enable embedding to stop the embed. The report stays open in Data Studio.
Sources
- Google Cloud Documentation · Embed a report (Data Studio)docs.cloud.google.com/data-studio/embed-a-report
- Data Studio for developers · Embed and snippetsdevelopers.google.com/data-studio/integrate/embed
- iframecheck live check · both links
Profile updated