Select to view content in your preferred language

Storymaps, Flash and responsive design

3575
4
Jump to solution
04-05-2016 04:28 PM
MandyLeith
New Contributor

Hello, we're planning to integrate a Storymap on our website, and we have a couple of questions: does StoryMaps use Flash? And does Storymaps use responsive design, ie does it adapt well for iphones and tablets? thanks for helping us with these questions.

Tags (2)
0 Kudos
1 Solution

Accepted Solutions
OwenGeo
Esri Notable Contributor

Hi Mandy,

Thanks for your question, and it's nice to hear your organization is putting story maps on its website!

Story Maps do not use Flash, but they are responsively designed. If you open a story (like this Map Journal) and resize your browser (either just by dragging the window edge or using browser developer tools to simulate mobile device mode) you'll see the app layout change.

 2016-04-06 at 9.01.32 AM.JPG 2016-04-06 at 9.01.41 AM.JPG

You can find many of good examples of embedded and linked story maps in our Story Map Gallery to get ideas of how best to integrate the story map on your website. Just use the Format filters along the left sidebar to show only the Embedded or Linked examples.

 2016-04-06 at 8.55.38 AM.JPG

The best way to do this depends on your story -- some stories will work well in a smaller space while others look best full-screen. If your story looks best full-screen then we'd recommend using a simple screenshot or image from your story on your website and making that image a link that opens the full-screen story in another browser tab. If it works well in the smaller space then you can embed the live story in an <iframe> in your web page. If you do embed your story make sure you do some tests to make sure all sections of the story look and work well across a range of screen resolutions and browser window sizes.

You'll find more tips on embedding story maps in websites in this blog post.

Owen

Owen Evans
Lead Product Engineer | StoryMaps

View solution in original post

4 Replies
OwenGeo
Esri Notable Contributor

Hi Mandy,

Thanks for your question, and it's nice to hear your organization is putting story maps on its website!

Story Maps do not use Flash, but they are responsively designed. If you open a story (like this Map Journal) and resize your browser (either just by dragging the window edge or using browser developer tools to simulate mobile device mode) you'll see the app layout change.

 2016-04-06 at 9.01.32 AM.JPG 2016-04-06 at 9.01.41 AM.JPG

You can find many of good examples of embedded and linked story maps in our Story Map Gallery to get ideas of how best to integrate the story map on your website. Just use the Format filters along the left sidebar to show only the Embedded or Linked examples.

 2016-04-06 at 8.55.38 AM.JPG

The best way to do this depends on your story -- some stories will work well in a smaller space while others look best full-screen. If your story looks best full-screen then we'd recommend using a simple screenshot or image from your story on your website and making that image a link that opens the full-screen story in another browser tab. If it works well in the smaller space then you can embed the live story in an <iframe> in your web page. If you do embed your story make sure you do some tests to make sure all sections of the story look and work well across a range of screen resolutions and browser window sizes.

You'll find more tips on embedding story maps in websites in this blog post.

Owen

Owen Evans
Lead Product Engineer | StoryMaps
MandyLeith
New Contributor

Thanks so much for your helpful reply Owen.

We'd like to go ahead and use the Story Map Tour app.

Can you help me to understand what it will cost to do this?

I need to provide my manager with a cost estimate before we go ahead.

We will need at least 3-5 logins and would like analytics, so I'm assuming

we'll need to purchase credits. I'd appreciate any help in identifying a

ball park cost. thanks!

Mandy

0 Kudos
MandyLeith
New Contributor

One more question: we want to use the Story Map Tour app as part of a

webpage, not full page. Will that work?

thanks so much for your help!

Mandy

On Thu, Apr 7, 2016 at 12:00 PM, Mandy Leith <mleith@oceannetworks.ca>

0 Kudos
OwenGeo
Esri Notable Contributor

Hi Mandy,

Sure you can embed Map Tour. Here are some examples of Map Tours embedded in web pages.​ Also read through this blog post for some tips about embedding story maps in web pages.

As far as cost you can see the ArcGIS Online plans here. It would be best if you could talk to your Esri account manager about your specific needs, or you can email or call Esri Customer Service using the contact info on the plan webpage.

Owen

Owen Evans
Lead Product Engineer | StoryMaps
0 Kudos