cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 
The AppDynamics Community is Migrating this Friday, February 28th.


At 6pm PST, the AppDynamics Community will go into read-only mode and after migration is complete, you will be redirected to community.splunk.com.
Read more here


Anonymous
Not applicable

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
Last update:
‎08-25-2017 11:52 AM
Updated by:
Anonymous
Ask the Experts Session: Hybrid Application Monitoring Deployment

Join us on Feb 26 to explore Splunk AppDynamics deployment strategies, SaaS models, agent rollout plans, and expert best practices.


Register Now

Observe and Explore
Dive into our Community Blog for the Latest Insights and Updates!


Read the blog here
Contributors