Embedding Tableau Public in a Web Page

From a thread in Linkedin's Tableau group and the included blog and viz, I found that people may not know how to correctly embed a Tableau Public viz in a web page. There are a few blog posts on embedding. But the Tableau Public has evolved and some new features are not covered. So here is my post.

Tableau Public may mean a couple of things:
- A free desktop software for visual data analysis.
- A website for hosting Tableau Public vizzes (dashboards/charts/storyboards).

Here we are going to summarize a number of ways by which one can embed a Tableau Public viz in a web page.

1.Pop-up

This is my favorite way to embed a viz.

For example, click this link. You will see a viz popping up. Close the viz, and you see this post again.

How to embed a Tableau Public viz like that?
- Go to the viz's Tableau Public page. Copy link by clicking the share button.

Use that URL link anywhere in your web page, such as hyperlinking some text or an image.

Then go the viz's home page and edit its details. Fill the URL link of your web page, as the Permalink of the viz. And save the change! Then you are done.

2.Embed code

In blogger.com/blogpost.com editor, turn on the HTML mode. Copy the embed code and paste it into your html source. Place it carefully where you intend it to be.

There are two options for getting the embed code.

Option 1
Go to and viz and you see the embed code by clicking the share button. The code is a bit long and messy. But you don't need to care about it.

Here is a glance of the embed code for your curiosity.

Option 2
You can insert this cleaner code into the html source. Note that the URL is from the share button. The height and width are from your Tableau dashboard canvas.

<iframe 
frameborder="0" 
height="400" 
width="575" 
scrolling="no" src="https://public.tableau.com/views/Tableau10TorchRelay_Embed/Tab10TorchRelay?:embed=yes">
</iframe>

Check out this for embed in Weebly and this for Wordpress. You may notice that the share button and the embed code format changed in the latest version of Tableau Public.

3.Hiding Buttons using Parameters

There are a few parameters in the Tableau Public URL you can use to control the appearance of the viz. I don't know all of them. But this one could be very useful if you want to hide the extra control buttons of the viz, such as download, share etc. Just attach "&:showVizHome=no" to the previous URL.

<iframe 
frameborder="0" 
height="400" 
width="575" 
scrolling="no" src="https://public.tableau.com/views/Tableau10TorchRelay_Embed/Tab10TorchRelay?:embed=yes&:showVizHome=no">
</iframe>

Here is the result where the lower part is hidden.
That's it!