How To Share A Grafana Dashboard To Your Digital Signage Screens With Fugo's Grafana Cloud App

Table of contents

With Fugo’s Grafana Cloud app, you can securely connect your Grafana Cloud account and display dashboards on screens across your workplace without ever leaving your desk.

You won’t risk exposing sensitive business data. Unlike other solutions that require storing credentials on devices or making dashboards public, Fugo keeps your information secure.

Fugo’s integration stores your encrypted API keys on a private cloud server. These credentials are used to log into Grafana in the Cloud, capture an encrypted screenshot of your dashboard, and transmit it to the Fugo app running on your device.

This method ensures your dashboards are visible on screen without exposing the underlying data. You can also set a refresh frequency to keep the content up to date.

For best security, we recommend creating a Grafana service account with read-only access to your dashboards. This limits risk, avoids interruptions from changes to user permissions, and simplifies the authorization process in Fugo.

1. Go to Home > Administration > Users and access > Service Accounts

2. Click Add Service account.

3. Name your service account, assign it the Viewer role, and click Create.

4. To generate the API token for Fugo, click Add service token.

5. Click Generate token.

6. Copy and securely store the token. You’ll enter this into Fugo later - see steps 6 and 7 in the next section.

There are two ways to add content with Fugo - via our playlist builder and in our Design Studio. We’ll cover the steps for both methods in each section.

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

2. Click Apps in the top navigation bar to get to our app store.

3. Locate the Grafana app (you can search for it to move things along) and click Try App.

4. A window will pop up where you'll be prompted to either create a new playlist for the app or add the app to an existing playlist.

Choose how you'd like to proceed and & click Continue.

5. Now you're ready to configure the app.

6. First, enter your dashboard URL into the DASHBOARD URL field.

Be sure to copy the dashboard URL directly from your browser’s address bar - not from Grafana’s Share menu.

7. Then enter your service account token into the API KEY field.

Once you've entered your service token, your dashboard should load in the preview to the left.

8. If your screen has a resolution other than Full HD (1920 x 1080), you can enter custom values into the Width and Height fields to make sure your dashboard looks crisp and fits properly.

Here are some common screen resolutions you can use as a reference:

9. Set the Refresh Interval to determine how often the screenshot updates.

10. Finally, set the Duration of the app - that is, how long this app instance displays within a playlist of other content.

11. Your Grafana Cloud app instance will now be listed as a slide in your playlist.

If you want to display one or several more dashboard/reports, you'll need to create a new instance of the app for each dashboard by clicking Add More Content and configuring more instances of the app.

To continue on to publishing instructions from here, you can skip to section 3: How to publish the app to your screen/s.

1. Click Studio in the top navigation bar. Then click Create in Studio to start a new design.

2. This will open up a blank canvas for you to start adding content to!

To add the Grafana app, either scroll to find it in the Apps menu to the right or search for it to find it faster.

3. Click the app or drag and drop to add it onto your canvas.

4. Customizing the Grafana app settings works the same way in the Design Studio - all settings will be found in the panel to the left.

You can continue to customize your content however you wish in the studio! Some ideas to customize this might be:

When you’re satisfied with how your content looks, click Save and Close. This will close out the design studio.

To publish this content, you’ll need to add it to a playlist, which we’ll cover in the next section.
​

1. Give your playlist a name (we suggest making it something relevant to distinguish it from other playlists later on down the road.)

2. Click Select Screens to choose where to publish your playlist. You can publish this playlist to one, or multiple screens.

3. If you used the playlist builder to configure the app, you'll already see it listed under the Content for your playlist.

If you used the Studio to configure the app, you'll need to click Select Content and select it from the Studio Content tab in the content picker.

4. You can also add more content to your playlist by clicking Add More Content and choosing other apps, uploading media, or from the content that you created in the studio.

If you're going to add more pages of a report or dashboard, you’ll do so by adding more content and configuring an instance of the app for each page.

5. When you've selected all the content items you want to add to this playlist, you're ready to put it on screen or schedule it!

Click Preview it to see what it will look like on screen.

To publish it to screen right away, click Publish. This will send it to your screen/s right away & play it indefinitely until you unpublish it.

To save it & come back to later, click Finish later.

No. The Grafana Cloud App only displays dashboards that exist in your Grafana Cloud instance. Dashboards from self-hosted Grafana servers (e.g., in AWS or on-prem) are not automatically accessible through this app.

You can use our On-Premise dashboard feature to display your self-hosted Grafana data.

Yes. Each Grafana Cloud app instance is its own app, therefore, if you have the dashboard link and the API key for the account, you can make the app display content from different accounts.
​

If you have any additional questions or feedback on your dashboard setup, please feel free to reach out to our support team via the handy chat box in the CMS or at support@fugo.ai. We’re always happy and quick to help!

Happy publishing!