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.
Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.
