Embedding Twitter Widgets In Sisense Dashboards

Introduction

In this post we will demonstrate how to add a twitter feed within a dashboard.

Business Case

Viewing the latest tweets from key people in your industry may be an enhancing capability.

Example

Embedded Twitter Widget that is shown below can retrieves Twitter feeds from any public Twitter account.

Steps

STEP 1 - GENERATE A TWITTER USER WIDGET

Twitter requires that you be logged in their site in order to generate an embedded widget.

Configure your widget and generate its script at the Twitter New Widget Page

STEP 2 - EMBED THE TWITTER SCRIPT IN YOUR HTML FILE

Simply copy the generated script into the <body> section of your HTML on the server.

// <![CDATA[ !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs"); // ]]>

Consider adding the "data-chrome" attribute to your element and customizing its appearance using "nofooter", "transparent", "noborders", "noheader" and "noscrollbar" keywords.

For more information see Advanced Appearance Customization.

STEP 3 - PLACE YOUR HTML FILE

Move your HTML file to C:\Program Files\Sisense\PrismWeb. Make note of your HTML file's name, for example: "helloworld.html"

STEP 4 - ADD THE "IFRAME WIDGET" PLUGIN

Download plugin library and follow installation instructions for "iframe Widget" plugin

STEP 5 - EMBED YOUR HTML FILE IN YOUR DASHBOARD

Add a new iframe widget and insert URL in the following form:

http://localhost:PORT/FILENAME

Replacing PORT with your Sisense port (found in the address bar of Sisense Web) and FILENAME with your HTML file name noted in Step 3.
For example:

http://localhost:8081/helloworld.html

Click Apply to finalize.

See also