You can embed a Twitter timeline into a custom AppDynamics dashboard using widgets.
To get started, you will need to create a Twitter account.
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:
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).
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.
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: