All Collections
TV Dashboards
How To Share a Tableau Dashboard To Your Digital Signage Screen
How To Share a Tableau Dashboard To Your Digital Signage Screen

This is a guide on how to display a Tableau Dashboard on your workplace TV screens using Fugo Digital Signage CMS

Sarah avatar
Written by Sarah
Updated this week

Table Of Contents


Get a clear overview of your business with the Tableau analytics platform on the big screen

As the world’s leading analytics platform, Tableau is a big player in the problem-solving industry. Providing key insights through their visual analytics platform, they can empower you and your business to make critical changes and use your data intelligently.

With such a detailed and easy-to-use dashboard to help you see and analyze your data, it only makes sense to play to Tableau’s strengths and present the insights it gives you on the big screen, in front of the key players that can make decisions based on those insights.

This is where your digital signage comes into play, allowing you to set up screens in front of the teams that need to make use of the data, rescuing it from behind pesky logins and creating a more collaborative and effective environment for your business.

Fugo's TV Dashboard software lets you share your Tableau dashboards on digital signage TV screens in your workplace

Tableau & Fugo TV Dashboards

Fugo’s new TV Dashboards feature allows for smart, easy, and - most importantly - secure integration with your Tableau dashboards. It allows for you to make full use of your Tableau dashboards and display them on workplace screens without having to risk your privacy by creating a publicly accessible URL, or by storing your login credentials on an insecure player that can be taken out of the office or remotely accessed, revealing your details.

Fugo handles all of your encryption and access on a private and secure Cloud server, which means you can rest easy in the knowledge that your data is safe and sound, and won’t be intercepted by people sniffing around your network. This makes Fugo one of the most secure digital signage platforms available for integration with third-party dashboards.

Let's dive in!


Best practices for using Tableau with Fugo

Before we start the walkthrough for connecting your Tableau account and displaying your dashboards on your digital signage screens, let’s go over a few best practices for connecting a third-party service with Fugo CMS:

1. Create a service account:

We've worked hard to develop the TV dashboards feature so that your sensitive data is completely secure. But as an extra precaution, we highly recommend using a 'least privileged' service account when setting up your dashboards - this is usually an account that has read-only permissions for the dashboards you want to display on your screen(s.) You can read more about how to set up a service account with Google here.

2. Have your dashboard URL(s) handy

Because Fugo is going to record & repeat the steps you take to access your dashboard, we want to eliminate any unnecessary steps in the process that will slow Fugo down when accessing your dashboard, such as starting from the homepage of your platform and navigating to your chosen dashboard.

You'll need the URL of your specific dashboard that you want to display on screen ready when you start the process of capturing it with Fugo. Copy that URL and have it ready to paste into Fugo's dashboards step recorder.


Connect your screen to a Fugo account

1. Log into your Fugo Account. If you don’t have an account yet, you can start your 14-day free trial here.

2. Make sure your screen(s) are connected to Fugo CMS. If you haven’t connected your screen(s) yet, you can find the instructions for your preferred device in our hardware collection.


Configure your Tableau dashboard in Fugo

1. Click Dashboards in the top navigation bar to go to your Dashboard library. If you have not created any dashboards yet, this page will be empty.

Click Create Dashboard to get started.

2. This will launch the New Dashboard window.

3. First, you’ll need to enter the URL of your Tableau dashboard in the URL field and click Open Dashboard

4. If you're creating a TV Dashboard for the first time, you'll be prompted to configure your Chrome browser to allow our recorder extension to run in incognito mode.

If you’ve done this before you can skip to step 11.

5. First, you'll need to install the Fugo Dashboard Recorder Chrome Extension.

6. This will open the Chrome Web Store in a separate tab. Click Add to Chrome to install the extension.

7. Go back to your tab with Fugo CMS. You will see a little blue checkmark on this step once you complete it.

8. Now you'll need to enable the extension to run in Incognito mode. Click Enable Allow In Incognito.

9. This will open the Extensions manager. Toggle on the Allow in Incognito option.

10. Back in your tab with Fugo CMS, you'll see both blue checkmarks now completed. Click Continue.

11. A pop-up window with our recorder will appear and prompt you to log into Tableau. Enter your login credentials as you normally would.

12. Once you’re signed in to your service, your dashboard will load. It's at this point that you'll instruct Fugo how to take the screenshot of your data. You have three options:

Option 1: Capture Dashboard

Clicking Capture Dashboard will take a full screenshot of everything inside your URL.

Option 2: Element Eraser

Use the Eraser tool to get rid of certain elements on your dashboard that you don't want crowding your screenshot, like a navigation bar or toolbar.

💡 Make sure to hit Finish Erasing when you're done.

Option 3: Element Screenshot

Use the Element Screenshot tool to take a screenshot of isolated elements, such as particular charts or graphs, that you want to display.

💡 You have to be a bit careful when selecting an element of the page with this tool: it might not always be intuitive. We are still working on a better way to implement capturing dashboard elements in the future. If this is a priority for you, please get in touch with us at support@fugo.ai.

If the element capture feature isn't working with your dashboard, don't worry - you can always use the cropping tool in the Design Studio to achieve the same isolation of the element. Check out how here.

13. The recorder will now close. At this stage, you will see a “loading” area in Fugo CMS — this may be present for several seconds to a few minutes while the Fugo recorder securely sends the instructions from the right-hand pane to the secure Cloud server, and fetches the first screenshot for display.

Once it appears, ensure that it looks the way you’d expect.

Note: If you find that the Recorder can’t log in, ensure that your email and password are correct. If you can see on the Recorder that your password is being entered into the email field, select the 'edit' pencil icon next to the “enter password” step, and then select the cog icon.

Delete everything in the field that appears, other than “#password”.

Note: Tableau displays popup notifications when you log in. Because you’re going through incognito mode, it doesn’t remember that you’ve chosen to hide these popups, and the recorder can sometimes have trouble dealing with these.

If you’re finding that the recorder is getting trapped by the popups, please click the pencil icon next to the “click x” step, then select the cog icon.

Delete everything in this field, and enter “.walkme-action-close”.

14. From here, you can either click the Publish button to get your dashboard displaying on your existing screens, channels or in your existing playlists immediately, or select Save to allow you to come back and publish it later.



Advanced dashboard settings & troubleshooting

In order to help your dashboards connect & display correctly, you'll find a few helpful settings in your dashboard's Advanced Settings tab:


Pause: Tell Fugo how many seconds to wait before taking the screenshot of your capture. This is helpful if your dashboards is slow to load & you frequently see loaders in your screenshots.


Scroll: Tell Fugo what Pixel length to scroll to on screen. This is helpful if you have particularly long dashboards that get cut off at the bottom of the screen.

Memory: Some memory intensive dashboards will need to be captured on a higher memory server in order to run & display successfully. If you're noticing that the system is failing to capture your dashboard, try setting this option to High.


Re-use cookies: Because some platforms flag multiple authentication requests as suspicious, you may start to notice that your dashboard is not being accessed & captured. To help make sure this doesn't happen, we recommend toggling on the Re-use cookies setting so Fugo can re-use the cookies from the first authentication request.


Customizing your dashboard display in the Design Studio

Cropping your dashboard

Not all dashboards are necessarily screen ready or "screen friendly" as we say at Fugo. Some may be quite long, have several small elements that aren't visible from a distance, or overwhelm the viewer with too much data at once.

You can use the cropping tool in Fugo's Design Studio to crop dashboards into more digestible pieces or otherwise satisfy your requirement for displaying it nicely on screen.

Here's how:

1. Add your dashboard to the canvas on your slide from the Dashboards library in the left hand panel.

2. We suggest zooming out a bit to give you more space to work with when cropping. There is a zoom setting in the top navigation bar, and you can also use the trackpad on your laptop to zoom in & out.

3. Select the crop icon from the top tool bar.

This will reveal two crop box outlines around your dashboard that enable different cropping functions.

The blue crop box can be used to crop out elements of your dashboard & set the frame for the image:

The purple crop box can be used to stretch and shrink your dashboard image and move it around to set its position within the frame:

Cropping is a great way to make your dashboards more digestible on screen without reconfiguring them or saving new dashboard views inside your data platform!

Check out the slideshow we created, showcasing each cropped chart individually 👇

Customizing your dashboard display

You can use any content source or setting available inside the Design Studio to further customize your dashboard display!

Just a few ideas are:

Add your company logo to your dashboard slides:

💡 Hint: You can easily upload your company logo to Fugo from right inside the Design Studio! Just drag and drop it onto your canvas or into Uploads in the left hand settings panel.

Incorporate other apps & integrations into the display, such as the World Clock app or CNN app to grab attention with live updating headlines:

💡 Hint: Each app can be configured in the settings panel that appears when you select the app. In our example above ☝️ we've cropped the World Clock app and given it a transparent background to better fit into the display. We've also added the CNN app at the bottom of the canvas and set its colors to match our brand.

Add QR codes to your display to create calls to action for your colleagues pertaining to your dashboards or workflows:


Add text boxes with important messages, reminders, or requests pertaining to your dashboards or data initiatives:

💡 Hint: You can easily create scrolling ticker texts using the animation settings in the left hand panel. Just make sure set the width of your text box to match the dimensions of the screen you'd like it to crawl (in our example above ☝️ we fit our text box to the width of our screen.)


Help: My dashboard preview is showing a blank screenshot

If you've followed all the steps to capture your dashboard, but the preview is still coming up blank, it's possible that there is a parameter of your dashboard URL preventing Fugo from capturing a screenshot of your dashboard.

Often times, this may be attributed to the parameter ?:embed=yes which can be added to a dashboard URL to remove portions of the Tableau UI (such as the navigation bar or tool bar) from appearing and to isolate only the data visuals in the viewport.

If it's the case that your dashboard is failing because of this embed text in your URL, you may encounter this error in Fugo CMS:

Error: Execution context was destroyed, most likely because of a navigation.

☝️ Note: this error may also appear if your dashboard is behind a firewall that Fugo can't access.

To troubleshoot this, we recommend starting fresh with a New Dashboard in Fugo, then pasting the dashboard URL into the URL field with the ?:embed=yes text omitted from the URL.


Tableau dashboard design tips

It’s all very well and good to log in to Tableau and view your dashboards on your laptop or computer screen, but there are a few extra things to bear in mind when you’re displaying a dashboard on a TV or another screen for a group of people.

The people viewing and using this data will usually be sat much further away and probably won’t have direct control over what they’re looking at, which means you’ll have to make some changes to help them make the best of what they’re seeing.

Here are a few tips to help you make the most of your Tableau dashboards displaying on your digital signage:

  1. Keep it simple. While Tableau dashboards can be made to be complicated and very impressive, it’s not always advantageous to make them as in-depth as possible. You’ll want to round your numbers and use a clear and predictable layout.

  2. Decide your key metrics. When you’re looking at something as complex as a business analytics dashboard, it’s easy to get overwhelmed. It’s even easier to get overwhelmed if you’re sat across the room from the screen, and need to be able to use the information available on the screen. To help with this issue, make sure you only show the elements critical to the team that will be viewing your screen.

  3. Be easy on the eyes. Too many bright or clashing colors can make it difficult to focus on the data and the insights that your signage is giving you. Make sure you consider the fonts and colors you’re using, and try to limit yourself to three or four colors if possible. It’s also key to consider the contrast between text and the background; you’ll want to ensure that everything on your dashboard is legible from a distance.

  4. Hierarchy at a glance. You can use fonts, font sizes and colors to convey hierarchy and help to guide your viewers’ eyes easily and naturally around your dashboard, as well as conveying which metrics are the most important to keep an eye on at a glance. Your team will thank you!

Here’s a handy guide from the experts at Tableau on delivering insights with their platform.


Need more help?

Did this guide answer all of your questions? If not, or if you have any feedback for us, feel free to drop our support team an email at support@fugo.ai - we're always happy to help out.

You can also book in a dashboard support call with our engineering team here if you need some help getting this feature set up.

Happy publishing!

Did this answer your question?