Can you embed a Twitter timeline in Operations Dashboard?

Question

Is there any way to embed a Twitter timeline (or any other HTML embeded code) in Operations Dashboard?  I tried creating a User Timeline from Twitter and getting the embeded code.  I then pasted that HTML code into the Description widget in Operations Dashboard.  It only makes a link to the User Timeline on twitter though and doesn't actually display the timeline in the Description box.  Is there anyway to get the timeline to actually show up within a Widget in the Operations Dashboard?

Twitter Publish

Embedded Timelines | Twitter Developers

Thank you!

AZ911GIS · Answer

Hey Sarah, You will need access to a web server to the host the Twitter URL that you are trying to embed. In your web server if you create a basic html file that is listed in the code that I shared above it will generate a URL to the HTML File. That HTML file can then be embedded in a Rich Text Widget in the Ops Dashboard. If you don't have a web server and try to paste the Twitter embedded directly into the Rich Text Widget you will only see a hyperlink. Ultimately below is what the HTML code should look like in you Rich Text Widget after an HTML page has been generated on your web server. I am not a programmer so it took a couple attempts to understand the process. Twitter Updates AZ Fires <div> <p><iframe frameborder="0" height="500" src="https://gisweb.azdema.gov/NWSFeeds/AZFire.html" width="100%">iframe>p> div>‍‍‍‍‍ Let me know if you still need help. -Eric

DentonCountyGIS · Answer

Eric, This may be a silly question, but how do you find the widget key ID? I'm copy/pasting the code into the Rich Text widget but it seems to automatically change the code to a link:

Traffic Twitter Feed

Is this because I don't have the correct widget key ID? Or is there something else I'm doing wrong? Thanks, Sarah

AZ911GIS · Answer

I was able to figure out a solution to embed a Twitter Feed Widget as an IFrame when I added it through the Rich Text section. As stated by Joel Meier you will need access to a web server to host the code. <html> <head> <title>Tweets by AZFiretitle> head> <body> <p> <a class="twitter-timeline" href="https://twitter.com/search?q=from%3Aazstateforestry%20OR%20from%3AAzEIN%20OR%20from%3ABLMAZFire%20%20OR%20from%3AwildlandfireAZ%20%20OR%20from%3ASWCCNewsNotes%20%20%20OR%20from%3ANPSFireSW" data-widget-id="Your Widget Key ID">Tweets by AZFirea> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8">script> p> body> html> ‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍