Embedding Twitter Widgets In Sisense Dashboards
Summary: intapiuser provides a detailed guide on embedding Twitter feeds into Sisense dashboards. The process involves generating a Twitter user widget, embedding the Twitter script into an HTML file, and utilizing an iframe widget plugin to incorporate the HTML into the dashboard. Instructions include how to configure and customize the widget's appearance and how to integrate it properly within the Sisense environment.
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
