Can you embed a Twitter timeline in Operations Dashboard?

ISP_graynic · ‎07-20-2016

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!

EricShreve · ‎03-09-2018

Did you ever find a solution to this question? I am attempting the same thing in Ops Dashboard.

ISP_graynic · ‎03-19-2018

Unfortunately I never found a way to do this. There may be a way though with the new version of Operations Dashboard. I haven't had a chance to explore that though. Sorry!

Anonymous User · ‎06-18-2018

If you have access to somewhere that can host a web page you can use the link from the twitter publish page you provided to have it show up in dashboard as embedded content

EricShreve · ‎06-18-2018

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.

<!DOCTYPE html>

<html>

<head>

<title>Tweets by AZFire</title>

</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 AZFire</a> 

<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

</p>

</body>

</html>          ‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

DentonCountyGIS · ‎06-20-2018

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:

<p><a href="https://twitter.com/search?l=&q=Traffic%20OR%20Accident%20OR%20Wreck%20OR%20Standstill%20from%3ADFWS...">Traffic Twitter Feed</a></p>

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

Thanks,

Sarah

EricShreve · ‎06-20-2018

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