How do I remove Esri logo, share and full-screen icons on bottom of new StoryMaps?

[MelissaDollman]

Hello!

So my digital dissertation is on a StoryMap. I have the Online paid subscription and I've noticed that any StoryMap I've created in the past few months has a white logo across the bottom if I embed a story map within another story map. It doesn't appear when you view the story map on its own.  

First of all, I have purposefully not chosen to show the Esri logo at the top, so it's really annoying that it shows up at the bottom and I can't seem to get rid of it. But more importantly, newer story maps now don't match the others and have dozens of these embedded in the master map. I do not want to go back and change them all. 

Can someone please help me with this issue?

See screenshots. The Beatrice Conway story map was made a year ago. The Sherry Baker one over the summer. Notice one has the white logo area at the bottom and the other does not.

Thank you kindly,

Melissa

[RupertEssinger · Accepted solution]

Hi

The embed bar is something we added to Story Maps this year. There were many cases where authors were embedding story maps in web pages in fairly small frames without providing a way to maximize that story for better/easier viewing, especially on mobile devices. So the embed bar provides that capability automatically. It can also appear when you embed Story Maps in other Story Maps, as you point out.

When you embed a story inside another story , the embed bar get automatically suppressed if the ArcGIS domain (i.e. myorg.maps.arcgis.com) of the story you are embedding is the same as the ArcGIS domain of the story you are embedding it into. To see whether the embed bar will appear for stories embedded in your story map,  be sure to preview your story, because that rule doesn't kick-in inside the builder. So for example if you embed a story map that is on  www.arcgis.com into a story map that is on a different domain, like myorg.maps.arcgis.com, it will have that embed bar.

To suppress the embed bar when you embed stories created by other authors in your story map, access those stories using the same domain as your story map. So if your story is on myorg.maps.arcgis.com you can access any publicly shared story via that URL, and the embed bar won't appear. Alternatively, you can add the &classicEmbedMode parameter to the end of the URLs of the stories you embed, i.e.

https://cityofcambridge.maps.arcgis.com/apps/Cascade/index.html?appid=dc50eccdc77d4ec7ab2e9de89630e5...

To suppress the embed bar when you embed stories in web pages, you can add the &classicEmbedMode parameter to the end of the URLs of the stories you embed.

Hope that helps

Rupert

[MelissaDollman]

Dear Rupert,

This technique worked perfectly. Thank you so much!

Melissa

[AlexSoltani]

Hi Rupert,  Thank you for the description. It was very helpful for embedding a story map inside another story map, however I would like to self-host a story map series. How can I remove the 'embed bar' with sharing and full-screen buttons at the bottom? I search everywhere for this but cannot find a solution.

In the index.html file of the template there is only space for entering the appid number not a url so I cannot use the &classicEmbedMode parameter. Any suggestions?

Best

Alex

[RupertEssinger]

Hi, you would add that parameter to the URL that you use to launch your self-hosted story. It's not something you add into the index.html file of your self-hosted story map's code.

So once you have set up your self-hosted story, if the URL of your story is, for example:

https://storymaps.esri.com/stories/2018/NACIS-2018/index.html 

you could add the classicEmbedMode parameter to the end of that URL:

https://storymaps.esri.com/stories/2018/NACIS-2018/index.html?classicEmbedMode 

to hide the embed bar when the story map is embedded in a web page or in another story map, such as a Story Map Series. Note that in the example above, classicEmbedMode is the first parameter in the URL, so it is preceded by the standard ? character. (If there are other parameters already in the URL, then the classicEmbedMode parameter you add at the end would be preceded with the standard & character, like in the example you see in the first reply in this thread).

Rupert

[AlexSoltani]

Thanks again for your helpful reply. I will try that and report here when the map is live, I'm still editing it. I've tried something and it's maybe incorrect however seems to solve the issue in my PC localhost server. I added &embed&classicEmbedMode and it stopped the embed bar as well as it skipped the boarders of the embedded story maps. So now it looks fine on the local web server.

Best

Alex

[RupertEssinger]

The &embed parameter is one we really should rename to be &hideheader to avoid confusion. When that is included in a URL of a story map (except for Map Journal and Cascade) the header is hidden, so it is useful if you are, say, embedding a Map Tour in a Map Journal and you don't want the Map Tour's header to be displayed because the side panel of that section of your Journal contains descriptive info about the embedded Tour, and the title and subtitle in the Tour's header would therefore just be unnecessary duplication. Hiding the header of a story embedded in another story also provides more space for the content in the embedded story.  For more info please see: https://community.esri.com/community/gis/web-gis/storymaps/blog/2016/06/06/arcgis-blog-embedding-sto...  

Rupert