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!
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 <SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"><</SPAN>div</SPAN><SPAN class="punctuation token">></SPAN></SPAN> <SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"><</SPAN>p</SPAN><SPAN class="punctuation token">></SPAN></SPAN><SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"><</SPAN>iframe</SPAN> <SPAN class="attr-name token">frameborder</SPAN><SPAN class="attr-value token"><SPAN class="punctuation token">=</SPAN><SPAN class="punctuation token">"</SPAN>0<SPAN class="punctuation token">"</SPAN></SPAN> <SPAN class="attr-name token">height</SPAN><SPAN class="attr-value token"><SPAN class="punctuation token">=</SPAN><SPAN class="punctuation token">"</SPAN>500<SPAN class="punctuation token">"</SPAN></SPAN> <SPAN class="attr-name token">src</SPAN><SPAN class="attr-value token"><SPAN class="punctuation token">=</SPAN><SPAN class="punctuation token">"</SPAN><A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=https%3A%2F%2Fgisweb.azdema.gov%2FNWSFeeds%2FAZFire.html" target="_blank">https://gisweb.azdema.gov/NWSFeeds/AZFire.html</A><SPAN class="punctuation token">"</SPAN></SPAN> <SPAN class="attr-name token">width</SPAN><SPAN class="attr-value token"><SPAN class="punctuation token">=</SPAN><SPAN class="punctuation token">"</SPAN>100%<SPAN class="punctuation token">"</SPAN></SPAN><SPAN class="punctuation token">></SPAN></SPAN><SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"></</SPAN>iframe</SPAN><SPAN class="punctuation token">></SPAN></SPAN><SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"></</SPAN>p</SPAN><SPAN class="punctuation token">></SPAN></SPAN> <SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"></</SPAN>div</SPAN><SPAN class="punctuation token">></SPAN></SPAN><SPAN class="line-numbers-rows"><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN></SPAN>
Let me know if you still need help.
-Eric
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%3ADFWScanner%20OR%20from%3ADPDAir1%20OR%20from%3ARoanokePoliceTX%20OR%20from%3AFlowerMoundPD%20OR%20from%3AHVPolice%20OR%20from%3ACorinth_Police%20OR%20from%3AUNTPolice%20OR%20from%3ADENTONPD%20OR%20from%3AArgylePD&src=typd&lang=en">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
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.
<SPAN class="doctype token"><!DOCTYPE html></SPAN> <SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"><</SPAN>html</SPAN><SPAN class="punctuation token">></SPAN></SPAN> <SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"><</SPAN>head</SPAN><SPAN class="punctuation token">></SPAN></SPAN> <SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"><</SPAN>title</SPAN><SPAN class="punctuation token">></SPAN></SPAN>Tweets by AZFire<SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"></</SPAN>title</SPAN><SPAN class="punctuation token">></SPAN></SPAN> <SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"></</SPAN>head</SPAN><SPAN class="punctuation token">></SPAN></SPAN> <SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"><</SPAN>body</SPAN><SPAN class="punctuation token">></SPAN></SPAN> <SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"><</SPAN>p</SPAN><SPAN class="punctuation token">></SPAN></SPAN> <SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"><</SPAN>a</SPAN> <SPAN class="attr-name token">class</SPAN><SPAN class="attr-value token"><SPAN class="punctuation token">=</SPAN><SPAN class="punctuation token">"</SPAN>twitter-timeline<SPAN class="punctuation token">"</SPAN></SPAN> <SPAN class="attr-name token">href</SPAN><SPAN class="attr-value token"><SPAN class="punctuation token">=</SPAN><SPAN class="punctuation token">"</SPAN><A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=https%3A%2F%2Ftwitter.com%2Fsearch%3Fq" target="_blank">https://twitter.com/search?q</A><SPAN class="punctuation token">=</SPAN>from%3Aazstateforestry%20OR%20from%3AAzEIN%20OR%20from%3ABLMAZFire%20%20OR%20from%3AwildlandfireAZ%20%20OR%20from%3ASWCCNewsNotes%20%20%20OR%20from%3ANPSFireSW<SPAN class="punctuation token">"</SPAN></SPAN> <SPAN class="attr-name token">data-widget-id</SPAN><SPAN class="attr-value token"><SPAN class="punctuation token">=</SPAN><SPAN class="punctuation token">"</SPAN>Your Widget Key ID<SPAN class="punctuation token">"</SPAN></SPAN><SPAN class="punctuation token">></SPAN></SPAN>Tweets by AZFire<SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"></</SPAN>a</SPAN><SPAN class="punctuation token">></SPAN></SPAN> <SPAN class="language-javascript script token"><SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"><</SPAN>script</SPAN> <SPAN class="attr-name token">async</SPAN> <SPAN class="attr-name token">src</SPAN><SPAN class="attr-value token"><SPAN class="punctuation token">=</SPAN><SPAN class="punctuation token">"</SPAN><A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=https%3A%2F%2Fplatform.twitter.com%2Fwidgets.js" target="_blank">https://platform.twitter.com/widgets.js</A><SPAN class="punctuation token">"</SPAN></SPAN> <SPAN class="attr-name token">charset</SPAN><SPAN class="attr-value token"><SPAN class="punctuation token">=</SPAN><SPAN class="punctuation token">"</SPAN>utf-8<SPAN class="punctuation token">"</SPAN></SPAN><SPAN class="punctuation token">></SPAN></SPAN><SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"></</SPAN>script</SPAN><SPAN class="punctuation token">></SPAN></SPAN></SPAN> <SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"></</SPAN>p</SPAN><SPAN class="punctuation token">></SPAN></SPAN> <SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"></</SPAN>body</SPAN><SPAN class="punctuation token">></SPAN></SPAN> <SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"></</SPAN>html</SPAN><SPAN class="punctuation token">></SPAN></SPAN> <SPAN class="line-numbers-rows"><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN></SPAN>
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
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!
Did you ever find a solution to this question? I am attempting the same thing in Ops Dashboard.
Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.
