Story Map map series web page problems

[JennyMiller]

I am having issues with using a web page in the main content frame for tabs within the story map. I am using the https version of the story map template, and the web page I am trying to insert is also https. It happens in every browser. Has anyone else experienced this issue and been able to resolve it?

Thanks!

[EricJohnson2]

Make all of the content in the story map public

[JennyMiller]

It still didn't work...thanks, though! Does anyone have any other recommendations?

[AlisonSizer]

Hi Jenny,

What webpage are you trying to embed? Some websites or the servers they're on don't allow them to be embedded in other websites. If you own the website, you can change some server settings to allow embedding. 

[JennyMiller]

I was originally trying to embed our company website https://www.prowestgis.com/ which we do own but have since tried some other websites with mixed success, e.g. google.com, gotowebinar. twitter, just a few that were convenient as I use them often. Google did not work, GTW did, Twitter did not...I feel like I'm missing something simple here. I have made a ton of story maps and have never had this issue...thanks!

[AlisonSizer · Accepted solution]

Hi Jenny,

Check out this blog post about troubleshooting embedded apps and websites. It looks like your company's website falls under the category at the bottom --  "Some websites restrict embedding". When I try to embed that site, I get this error in Chrome Developer Tools:

Refused to display 'https://www.prowestgis.com/' in a frame because it set 'X-Frame-Options' to 'sameorigin'.

Since it's your own company's website, your IT staff may have some insight on how to allow embedding of your website in a Story Map. 

(Many major companies also limit embedding of their websites, as you found with Google and Twitter).

I also found this web app that could help with checking the embeddability of sites:

Free iframe checker | TinyWebGallery Blog