Adding a webpage as a New Tab corrupts the Story Map

AndrewHansford · ‎01-21-2018

Hi There,

I created a new public Story Map of our Civil Defence (Emergency Management) information using the tabbed style. During the event I was requested to add power outages, I found a website that had this information (Home - Powerco ), unfortunately they didnt have consumable web services so I thought I would add the web page as a new tab.

When I added the new tab with the link (above) and saved the Story Map. I went to test it and it would go to the StoryMap but then would load the webpage (link above) without actually opening the webpage. When i went to edit the page it did exactly the same thing.

The only way I could fix the problem was to delete the story map and rebuild a new story map. Has anyone experienced this before?

Cheers Andrew

AlisonSizer · ‎01-22-2018

As Rupert suspected, I can reproduce this by trying to embed that website in an iframe on an otherwise blank webpage. When I load the webpage, it immediately redirects my browser to the powerco site.

Below is the address of the actual page that's embedded in http://www.powerco.co.nz/power-cuts in its own iframe. You should be able to embed it with more success:

http://ec2-52-64-145-153.ap-southeast-2.compute.amazonaws.com/Outagesandfaults/

(unselect the https option when you add this, as this site does not work over https)

Alison

View solution in original post

RupertEssinger · ‎01-21-2018

Could you share a link to your story map (if it is public). I'm not really clear on what the issue is you are seeing.

Rupert

AndrewHansford · ‎01-21-2018

Hi Rupert,

The best way is to try an explain this in steps.

Created a New Story Map using the Tabbed style
After Adding Several Tabs I was asked to add a Power Outage Map
- rather than trying to host a layer i wanted to consume an existing layer when I found this website Home - Powerco
- I saw that they were using ESRI and was hoping to be able to consume their web services in to a Web Map, but there services were not available.
- So to get around this I went and add another Tab to the story map by selecting add
- - I chose Web Page as the content
  - I entered the Address from above and clicked Configure
  - I then selected Fill and clicked Add
- I then proceeded to save the Story Map to test it.
- When i went to load the story map it was loading perfectly normal then proceed to load the Power Co website not the Story Map.
It was acting like a redirect had been put in place and because i could role it back or even edit the story map to remove the tab I had to start from Scratch.

Hope this explains it

Cheers

Andrew

RupertEssinger · ‎01-21-2018

Thanks Andrew. I can reproduce that too. I've not seen that particular behavior with a web page embedded in a Story Map before, but I think something about that site you are trying to embed in the Story Map doesn't lend itself to being embedded. It seems to return itself in a new browser tab when embedded. If I look at the HTML code for that page there's a full screen frame that I think causes that. I think you will find the same behavior if you try and embed that site in a standard frame in a web page. The Story Map is not getting corrupted in any way. Story Maps don't do anything special with web content you embed: they just try and display it in the available space the same way that content would be displayed if embedded in a standard web page. Some websites restrict embedding but I don't think this is a case of that. Either way, if an embedded web page or web content doesn't work, you could just include a link to it in the narrative text in your story map that opens it in a separate web browser tab. Perhaps that organization makes their data available in a form you could add to an ArcGIS Online web map?