Can you embed a Twitter timeline in Operations Dashboard?

3782
6
07-20-2016 09:07 AM
ISP_graynic
Occasional Contributor II


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!

0 Kudos
6 Replies
EricShreve
Occasional Contributor II

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

0 Kudos
ISP_graynic
Occasional Contributor II

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!

0 Kudos
by Anonymous User
Not applicable

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
Occasional Contributor II

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
New Contributor

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>

<p> </p>

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

Thanks,

Sarah

0 Kudos
EricShreve
Occasional Contributor II

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