Not a customer? Click the 'Start a free trial' link to begin a 30-day SaaS trial of our product and to join our community.
Existing Cisco AppDynamics customers should click the 'Sign In' button to authenticate to access the community
04-05-2017 09:50 AM - edited 08-25-2017 11:52 AM
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:
Thank you! Your submission has been received!
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form