Tableau

How to Embed Tableau into Webpages without Permission Restrictions

Embed interactive Tableau dashboards into online articles

Chi
3 min readMay 31, 2020
tableau.com

*Need some visualization/dashboard help? Hit me up on Fiverr!

More and more publications are incorporating live dashboards into their stories. We’ve seen the power of data storytelling with live data (especially during this COVID-19 period) — stories enriched with more context, readers are more engaging and will repetitively return to the site to check on the auto-updating dashboard.

Tableau, which many companies use as the visualization tool, hasn’t made it easy for users to do that. The person accessing the view must also have an account on Tableau Server or Tableau Online to be able to even view the dashboard. So unless each one of your web visitors has a Tableau viewer license, it’s impossible to embed Tableau dashboard into your web content without some people not being able to view it.

But…there’s a trick! Steps below.

Step 1: Create a Tableau Public profile

Step 2: Save dashboard to Tableau Public.

In Tableau, Click Sever>>Tableau Public>>Save dashboard to Tableau Public (log in using the Tableau Public profile you just created).

Step 3: Hide the dashboard in Tableau Public

In your Tableau Public profile, toggle the visibility to not visible so this dashboard is exclusively visible only on the webpage you embed it in.

Step 4: Prevent users from downloading the dashboard and hide your Tableau Public profile info.

Click view >> scroll down and click edit details >> uncheck ‘allow others to download or explore and copy this workbook and its data’ & uncheck ‘show author profile link’.

Step 5: Embed the dashboard

Click on the Share (three-dotted) button at the bottom right corner of your viz and you will see a window pop up with the embed code and link to the dashboard.

Depends on your website, you can either directly use the embed code (javascript) or use an iframe.

An iframe example: <iframe src=“Your Dashboard Link:showVizHome=no&amp;:embed=true” width= “600” height=“800” frameborder=“no” scrolling=“no” data-service=“public.tableau”><iframe>

Example dashboard link: https://public.tableau.com/views/50MostInnovativeCompanies-2020/Dashboard1?

That’s it! I hope this will help you expand your use cases of Tableau and get more bang for your bucks!

Alternatively, you can learn D3.js so you can build web-accessible visualization with full control.

--

--

Chi

Books | Marketing | Data Viz | Analytics & Experimentation | Entrepreneurship 💡Founder of beautydupes.xyz | Blog: goodmarketing.club