Knowledge Base

cancel
Showing results for 
Search instead for 
Did you mean: 

How to embed a Twitter feed into a custom dashboard

You can embed a Twitter timeline into a custom AppDynamics dashboard using widgets.

 

To get started, you will need to create a Twitter account

 

Create a custom widget within Twitter:

 

Log into your Twitter account and navigate to the widgets page.

 

Click on the "Create widget" drop-down menu, choose your timeline source (e.g. Search), and customize your widget.

 

Example:

 

Screen Shot 2017-04-04 at 2.38.25 PM.png

 

 

Copy the HTML that Twitter has created, and paste into an HTML template file using a text editor. 

 

Example: 

 

<html>

<style>html,body{margin:0;padding:0;width:100%;height:100%;}</style>

<body>

<a class="twitter-timeline" href="https://twitter.com/search?q=%40_AppDynamics%20-from%3A%40_AppDynamics%20-filter%3Aretweets" data-widget-id="719433085675249665" width="97%" height="2000">Tweets über @_AppDynamics -from:@_AppDynamics -filter:retweets </a>

<script>!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");</script>

</body>

</html>

  

Follow Twitter's documentation about web widgets to make any changes, such as removing the footer and header on your timeline.

 

Upload the HTML file to a public website of your choice (e.g. http://your.name/twitter-widget.html).

 

 

 

Create an iFrame widget in your AppDynamics custom dashboard:

 

In the controller UI, click the pencil button at the top of the AppDynamics dashboard to edit. Then click the "Add widget" button.

 

The widget palette appears:

Click on "Other Widgets" in the left navigation bar and select iFrame.

 

In the "URL to display" field, paste the URL of your Twitter widget on the public website (e.g. https://your.name/twitter-widget.html)

 

Note: If your AppDynamics controller is accessible via HTTPS, you also have to use HTTPS for your iFrame. Otherwise, your browser will not load the widget.

 

image.jpeg

 

You can now view a Twitter timeline within your custom AppDynamics dashboard.

 

Note: It is not possible to embed Javascript build widgets into the AppDynamic's dashboard and Twitter does not allow users to embed timelines or search queries into an iFrame by sending the X-Frame-Options response header with value SAME-ORIGIN.

 

 

Related Links:

Version history
Revision #:
7 of 7
Last update:
‎08-25-2017 11:52 AM
Updated by:
 
Labels (1)
Contributors
0 Kudos