Note: This site is currently "Under construction". I'm migrating to a new version of my site building software. Lots of things are in a state of disrepair as a result (for example, footnote links aren't working). It's all part of the process of building in public. Most things should still be readable though.

Embed Tableau

The only thing I had to do to embed a tableau dashboard in a NextJS site was to call the iframe and append `:embed=y` to the URL like:

Code

<iframe
    width="1366"
    height="758"
    src="https://tableau.example.com/views/SomeThing/SomeThing?:embed=y"
></iframe>

There were some other options that shoed up when I sniffed the iframe out from the javascript, they were:

Code

:embed=y&amp;:showVizHome=n&amp;:tabs=y&amp;:apiID=host0"

I took all of them out except the `embed=y` and the dashboard still worked. As soon as I took embed out, I got errors like:

To protect your security, tableau.acebi.us will not allow Firefox to display the page if another site has embedded it. To see this page, you need to open it in a new window.

And: Blank Screen and Error "Refused to display `

And

`tableau.example.com refused to connect` in Chrome

The embed also works with my authentication/authorization which was handled by OneLogin (I expect the built in auth would work too)