{"id":71661,"date":"2016-04-14T14:25:39","date_gmt":"2016-04-14T14:25:39","guid":{"rendered":"http:\/\/www.esri.com\/arcgis-blog\/products\/product\/uncategorized\/best-practices-for-embedding-apps-and-web-content-in-story-maps\/"},"modified":"2021-04-29T08:36:04","modified_gmt":"2021-04-29T15:36:04","slug":"best-practices-for-embedding-apps-and-web-content-in-story-maps","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/sharing-collaboration\/best-practices-for-embedding-apps-and-web-content-in-story-maps","title":{"rendered":"Best practices for embedding apps and web content in Story Maps"},"author":5441,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[37131,37511],"tags":[24861,27501,29261],"industry":[],"product":[36821,36551,36611],"class_list":["post-71661","blog","type-blog","status-publish","format-standard","hentry","category-constituent-engagement","category-sharing-collaboration","tag-story-map-journal","tag-story-map-series","tag-story-map-tips","product-configurable-apps","product-arcgis-online","product-story-maps"],"acf":{"short_description":"Recommendations for using web content effectively in Story Maps.","flexible_content":[{"acf_fc_layout":"content","content":"<p><strong>Note<\/strong>: This blog covers the classic Esri Story Maps. Story authors are encouraged to use the new\u00a0<a href=\"https:\/\/www.esri.com\/en-us\/arcgis\/products\/arcgis-storymaps\/overview\">ArcGIS StoryMaps<\/a> to create stories; however, Esri will continue to maintain the classic templates for your use. For more information, see the <a href=\"https:\/\/www.esri.com\/en-us\/arcgis\/products\/arcgis-storymaps\/product-road-map\">Product road map<\/a>.<\/p>\n<hr \/>\n<p><a title=\"Esri's Story Maps\" href=\"http:\/\/storymaps.arcgis.com\/\" target=\"_blank\" rel=\"noopener\">Story Maps<\/a>\u00a0have become a very useful and engaging communication tool for many organizations. One of the reasons for this is that Story Maps can contain many types of rich, interactive content like web maps and 3D scenes, videos, web pages, <a title=\"ArcGIS Blog: Create a time-aware story map\" href=\"https:\/\/blogs.esri.com\/esri\/arcgis\/2015\/08\/03\/how-to-make-a-time-aware-story-map\/\" target=\"_blank\" rel=\"noopener\">other ArcGIS web apps<\/a>, and <a title=\"ArcGIS Blog: Embedding Story Maps within Story Maps\" href=\"https:\/\/blogs.esri.com\/esri\/arcgis\/2015\/04\/21\/embed-story-map-in-story-map\/\" target=\"_blank\" rel=\"noopener\">even other story maps<\/a>. While this is a great feature, overusing it can detract from an otherwise great story map.<\/p>\n<p>This post has recommendations for using web content effectively in the\u00a0<a title=\"Story Map Journal\" href=\"http:\/\/storymaps.arcgis.com\/en\/app-list\/map-journal\/\" target=\"_blank\" rel=\"noopener\">Story Map Journal<\/a>,\u00a0<a title=\"Story Map Series\" href=\"http:\/\/storymaps.arcgis.com\/en\/app-list\/map-series\/\" target=\"_blank\" rel=\"noopener\">Story Map Series<\/a>, and <a href=\"http:\/\/storymaps.arcgis.com\/en\/app-list\/cascade\/\" target=\"_blank\" rel=\"noopener\">Story Map Cascade<\/a> apps.<\/p>\n<h2>Is embedding right for your story?<\/h2>\n<p>First and foremost, it&#8217;s best to <strong>be selective about embeddin<\/strong><strong>g<\/strong><strong>\u00a0<\/strong>apps and websites\u00a0in your stories.\u00a0In general only embed something when you need readers to interact with it\u00a0without leaving your story. Otherwise, it can be much more effective to:<\/p>\n<ol>\n<li>explain the app or website and why it&#8217;s important in your narrative,<\/li>\n<li>provide a screenshot of it in the main stage or side panel (optional), and<\/li>\n<li>include a hyperlink to it in your story text.<\/li>\n<\/ol>\n<p>Using this technique, your audience will be able to focus on the main ideas of your story rather than what to click or where to navigate. They can choose when or whether to visit a site to explore on their own.\u00a0The idea here is that it&#8217;s often better to treat apps and websites as\u00a0<strong>supporting material<\/strong>\u00a0in your story rather than part of the story experience.<\/p>\n<p>One exception to this is when you are using your story map as a presentation tool rather than designing it for your audience to read through on their own. In this case, embedding websites or GIS apps may be an effective way to demonstrate them during your presentation without leaving the story map.<\/p>\n<p>When linking to a website or app (as described in #3, above) you can use a regular hyperlink that opens in a new browser tab, or &#8212; if you&#8217;re using Story Map Journal &#8212; you can configure a <a title=\"ArcGIS Blog: Using main stage actions in Map Journal\" href=\"https:\/\/blogs.esri.com\/esri\/arcgis\/2015\/12\/18\/story-map-journal-main-stage-actions\/\" target=\"_blank\" rel=\"noopener\">story action<\/a> so the content opens inside your story map.<\/p>\n<h2>Know your audience<\/h2>\n<p>Having your audience in mind is <a title=\"Five principles of storytelling\" href=\"http:\/\/storymaps.arcgis.com\/en\/five-principles\/\" target=\"_blank\" rel=\"noopener\">storytelling 101<\/a>. For example, if you&#8217;re creating a story for geospatial analysts then including a GIS-style app is probably ok; however, if you are targeting a general audience or a non-technical group then GIS apps can introduce unnecessary complexity that detracts from your story&#8217;s ability to communicate.<\/p>\n<p>Regardless of your specific audience, <strong>all readers appreciate simplicity<\/strong>, so do your best to make your story easy to use and read. This does <em>not<\/em> mean you shouldn&#8217;t use interactive content like web maps and apps; nor does it mean that you need to dilute the content in your story so that it&#8217;s no longer compelling. Rather, look to use interactive content when it best supports your ideas, and find ways to compose your story to simplify the interaction required by readers.<\/p>\n<p>A great way to keep things simple for your audience is to <strong>use a Journal with\u00a0<a title=\"ArcGIS blog: Using Story Map Journal Main Stage Actions\" href=\"https:\/\/blogs.esri.com\/esri\/arcgis\/2015\/12\/18\/story-map-journal-main-stage-actions\/\" target=\"_blank\" rel=\"noopener\">story actions<\/a><\/strong>. This helps you as the author use maps to tell your story in a very deliberate way rather than turning your audience lose with generic GIS tools or widgets. Here are some examples of good use of story actions to tell a story:<\/p>\n<ul>\n<li><a title=\"Exprodat: New Russian Gas Export Projects\" href=\"http:\/\/ecl.maps.arcgis.com\/apps\/MapJournal\/index.html?appid=723e646692094bedb39647b4d32fc453\" target=\"_blank\" rel=\"noopener\">New Russian Gas Export Projects<\/a>\u00a0&#8211; by\u00a0<a title=\"Exprodat\" href=\"http:\/\/www.exprodat.com\/\" target=\"_blank\" rel=\"noopener\">Exprodat<\/a><\/li>\n<li><a title=\"Story Map: Climate Change and Water\" href=\"http:\/\/usbr.maps.arcgis.com\/apps\/MapJournal\/index.html?appid=cd222d3af91a4a078a1a8d73d168a270\" target=\"_blank\" rel=\"noopener\">Climate Change and Water<\/a>\u00a0&#8211; by\u00a0<a title=\"U.S. Bureau of Reclamation\" href=\"http:\/\/www.usbr.gov\/\" target=\"_blank\" rel=\"noopener\">U.S. Bureau of Reclamation<\/a><\/li>\n<li><a title=\"Understanding the new National Flood Standard\" href=\"https:\/\/esrifederal.maps.arcgis.com\/apps\/MapJournal\/index.html?appid=4f57cc3199784b269791200a4deeccea\" target=\"_blank\" rel=\"noopener\">Understanding the New National Flood Standard<\/a>\u00a0&#8211; by\u00a0Esri&#8217;s Federal Team<\/li>\n<\/ul>\n<p>If you do embed an app in your story, be sure to briefly\u00a0<strong>describe its purpose and how to use it<\/strong>. It also may be helpful if you provide a short example of what can be done with the app so it&#8217;s easy to see how it can be useful.<\/p>\n<h2>Some apps are worth embedding&#8230;some aren&#8217;t<\/h2>\n<p>Some apps that can work well when embedded in a story map are listed below. For more information, be sure to read these related posts on\u00a0<a title=\"ArcGIS Blog: Embedding a Story Map within a Story Map\" href=\"https:\/\/blogs.esri.com\/esri\/arcgis\/2015\/04\/21\/embed-story-map-in-story-map\/\" target=\"_blank\" rel=\"noopener\">tips for embedding story maps in other story maps<\/a>, <a title=\"ArcGIS Blog: How to make a time-aware story map\" href=\"https:\/\/blogs.esri.com\/esri\/arcgis\/2015\/08\/03\/how-to-make-a-time-aware-story-map\/\" target=\"_blank\" rel=\"noopener\">making a time-aware story map<\/a>,\u00a0and\u00a0tips for embedding 3D scenes in story maps <a title=\"ArcGIS Blog: Using 3D web scenes in Story Maps\" href=\"https:\/\/blogs.esri.com\/esri\/arcgis\/2015\/03\/20\/using-web-scenes-in-story-maps\/\" target=\"_blank\" rel=\"noopener\">here<\/a>\u00a0and\u00a0<a title=\"ArcGIS Blog: Using 3D web scenes in Story Maps redux\" href=\"https:\/\/blogs.esri.com\/esri\/arcgis\/2015\/07\/17\/using-3d-web-scenes-in-story-maps-redux\/\" target=\"_blank\" rel=\"noopener\">here<\/a>.<\/p>\n<ul>\n<li><a title=\"Story Map Swipe and Spyglass\" href=\"http:\/\/storymaps.arcgis.com\/en\/app-list\/swipe-spyglass\/\" target=\"_blank\" rel=\"noopener\">Story Map Swipe and Spyglass<\/a><\/li>\n<li><a title=\"Story Map Tour\" href=\"http:\/\/storymaps.arcgis.com\/en\/app-list\/map-tour\/\" target=\"_blank\" rel=\"noopener\">Story Map Tour<\/a><\/li>\n<li><a title=\"ArcGIS configurable app: Time-Aware\" href=\"http:\/\/www.arcgis.com\/home\/item.html?id=49d849bb142d43b4982cc70634068bb3\" target=\"_blank\" rel=\"noopener\">Time-Aware<\/a>\u00a0configurable app<\/li>\n<li>Simple\u00a0<a title=\"Web AppBuilder for ArcGIS\" href=\"http:\/\/www.arcgis.com\/home\/item.html?id=fffd70b754594c54bc58d90d4e897e19\" target=\"_blank\" rel=\"noopener\">Web AppBuilder<\/a>\u00a0apps (with a few basic widgets)<\/li>\n<li><a title=\"ArcGIS Online Web Scene Viewer\" href=\"http:\/\/www.arcgis.com\/home\/webscene\/viewer.html\" target=\"_blank\" rel=\"noopener\">ArcGIS web scene viewer<\/a><\/li>\n<\/ul>\n<p>Apps that tend <span style=\"text-decoration: underline;\">not<\/span> to\u00a0work well inside stories\u00a0are any (configurable or custom) app with a lot of buttons and\/or a long list of layers to toggle. If you want to include an app like this in a story it&#8217;s better to use the technique described above where you add a screenshot, describe the app in your story, and provide a link to open it in a new browser tab.<\/p>\n<p>One situation to avoid is using an app with a side panel inside a storytelling app that also has its own side panel. This will create parallel narratives that can confuse readers. To prevent this choose a different app, disable the side panel in the embedded app&#8217;s configuration, or don&#8217;t use the description panel in Series sections where other side panel apps are embedded.<\/p>\n<p>A good combination of story maps can be using one or more Journals or Cascades inside a Series (Bulleted or Tabbed layout with no side panel in sections that have a Journal). This can be a good way to break a long Journal into chapters. Here&#8217;s\u00a0<a title=\"DOE Sea Level Rise and Storm Surge Story\" href=\"http:\/\/arcg.is\/1LFL0zB\" target=\"_blank\" rel=\"noopener\">a nice example of this from the U.S. Department of Energy<\/a>.<\/p>\n<p><a href=\"http:\/\/arcg.is\/2m7LLYZ\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-78653\" src=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/12\/2016-04-14-at-3.47.49-PM-1024x657.jpg\" alt=\"\" width=\"1024\" height=\"657\" \/><\/a><\/p>\n<h2>Other tips<\/h2>\n<p><em>Don&#8217;t embed complex or text-heavy web pages in stories.<\/em>\u00a0Some websites have complex navigation or are poorly designed. It&#8217;s best not to embed (or even include a screenshot of) these sites since they will detract from the usability and appearance of your story. Just link out to them as supporting information.<\/p>\n<p><em>When embedding apps in Story Map Cascade, u<em>se the\u00a0<strong>Button to enable<\/strong>\u00a0option in Appearance &gt; Interaction<\/em><\/em>\u00a0to prevent the scroll wheel from inadvertently interacting with the app. While embedding apps can work well in a Cascade story, <em>it&#8217;s not recommended to embed websites in a Cascade<\/em> since it can create a confusing scroll experience for readers.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-78656\" src=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2016\/04\/Screen-Shot-2017-05-05-at-11.49.22-AM-1024x305.jpg\" alt=\"\" width=\"640\" height=\"190\" \/><\/p>\n<p><em>When embedding apps and web pages in Journal or Series, always use the\u00a0<strong>Fill<\/strong>\u00a0position<\/em> (this is the default) so the content fills the entire main stage. Also consider disabling the option to &#8220;Unload when reader navigates away&#8221; if it makes sense for your content according the the instructions shown in the help tip.<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2016\/03\/2016-04-05-at-9.32.12-AM1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2016\/03\/2016-04-05-at-9.32.12-AM1.jpg\" alt=\"\" width=\"453\" height=\"422\" \/><\/a><\/p>\n<p>Also, try to\u00a0<em>match colors and themes<\/em>\u00a0of embedded apps to the main story\u00a0as much as possible<em>.<\/em>\u00a0It&#8217;s best to use neutral colors when combining different apps.<\/p>\n<h2>Troubleshooting<\/h2>\n<p>If you&#8217;ve decided that embedding an app or web page is a good idea for your story and it&#8217;s not working, see <a href=\"https:\/\/blogs.esri.com\/esri\/arcgis\/2017\/05\/05\/troubleshooting-embedded-apps-and-websites-in-story-maps\/\" target=\"_blank\" rel=\"noopener\">this blog<\/a> that describes some troubleshooting tips and solutions to common issues.<\/p>\n<p><em>This post was originally published in April 2016 and was revised in May 2017.<\/em><\/p>\n"}],"authors":[{"ID":5441,"user_firstname":"Owen","user_lastname":"Evans","nickname":"Owen Evans","user_nicename":"oevans","display_name":"Owen Evans","user_email":"OEvans@esri.com","user_url":"","user_registered":"2018-03-02 00:17:09","user_description":"Owen is the lead product engineer for ArcGIS StoryMaps and has been with Esri since 2004. Before joining the StoryMaps team, he spent 11 years as a solution engineer on Esri's National Government team helping people understand the value and utility of geospatial thinking.","user_avatar":"<img data-del=\"avatar\" src='https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/03\/OJE_FedGIS.jpg' class='avatar pp-user-avatar avatar-96 photo ' height='96' width='96'\/>"}],"related_articles":"","card_image":false,"wide_image":false},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.9 (Yoast SEO v25.9) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Best practices for embedding apps and web content in Story Maps<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/sharing-collaboration\/best-practices-for-embedding-apps-and-web-content-in-story-maps\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Best practices for embedding apps and web content in Story Maps\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/sharing-collaboration\/best-practices-for-embedding-apps-and-web-content-in-story-maps\" \/>\n<meta property=\"og:site_name\" content=\"ArcGIS Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/esrigis\/\" \/>\n<meta property=\"article:modified_time\" content=\"2021-04-29T15:36:04+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@ESRI\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/sharing-collaboration\/best-practices-for-embedding-apps-and-web-content-in-story-maps#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/sharing-collaboration\/best-practices-for-embedding-apps-and-web-content-in-story-maps\"},\"author\":{\"name\":\"Owen Evans\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/1c03f5fff79ca526ad78318543fd3312\"},\"headline\":\"Best practices for embedding apps and web content in Story Maps\",\"datePublished\":\"2016-04-14T14:25:39+00:00\",\"dateModified\":\"2021-04-29T15:36:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/sharing-collaboration\/best-practices-for-embedding-apps-and-web-content-in-story-maps\"},\"wordCount\":11,\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"keywords\":[\"Story Map Journal\",\"Story Map Series\",\"Story Map Tips\"],\"articleSection\":[\"Constituent Engagement\",\"Sharing and Collaboration\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/sharing-collaboration\/best-practices-for-embedding-apps-and-web-content-in-story-maps\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/sharing-collaboration\/best-practices-for-embedding-apps-and-web-content-in-story-maps\",\"name\":\"Best practices for embedding apps and web content in Story Maps\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\"},\"datePublished\":\"2016-04-14T14:25:39+00:00\",\"dateModified\":\"2021-04-29T15:36:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/sharing-collaboration\/best-practices-for-embedding-apps-and-web-content-in-story-maps#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/sharing-collaboration\/best-practices-for-embedding-apps-and-web-content-in-story-maps\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/sharing-collaboration\/best-practices-for-embedding-apps-and-web-content-in-story-maps#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.esri.com\/arcgis-blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Best practices for embedding apps and web content in Story Maps\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/\",\"name\":\"ArcGIS Blog\",\"description\":\"Get insider info from Esri product teams\",\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.esri.com\/arcgis-blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\",\"name\":\"Esri\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png\",\"width\":400,\"height\":400,\"caption\":\"Esri\"},\"image\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/esrigis\/\",\"https:\/\/x.com\/ESRI\",\"https:\/\/www.linkedin.com\/company\/5311\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/1c03f5fff79ca526ad78318543fd3312\",\"name\":\"Owen Evans\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/03\/OJE_FedGIS.jpg\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/03\/OJE_FedGIS.jpg\",\"caption\":\"Owen Evans\"},\"description\":\"Owen is the lead product engineer for ArcGIS StoryMaps and has been with Esri since 2004. Before joining the StoryMaps team, he spent 11 years as a solution engineer on Esri's National Government team helping people understand the value and utility of geospatial thinking.\",\"sameAs\":[\"http:\/\/www.linkedin.com\/in\/owenjevans\",\"https:\/\/x.com\/OwenGeo\"],\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/author\/oevans\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Best practices for embedding apps and web content in Story Maps","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/sharing-collaboration\/best-practices-for-embedding-apps-and-web-content-in-story-maps","og_locale":"en_US","og_type":"article","og_title":"Best practices for embedding apps and web content in Story Maps","og_url":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/sharing-collaboration\/best-practices-for-embedding-apps-and-web-content-in-story-maps","og_site_name":"ArcGIS Blog","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","article_modified_time":"2021-04-29T15:36:04+00:00","twitter_card":"summary_large_image","twitter_site":"@ESRI","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/sharing-collaboration\/best-practices-for-embedding-apps-and-web-content-in-story-maps#article","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/sharing-collaboration\/best-practices-for-embedding-apps-and-web-content-in-story-maps"},"author":{"name":"Owen Evans","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/1c03f5fff79ca526ad78318543fd3312"},"headline":"Best practices for embedding apps and web content in Story Maps","datePublished":"2016-04-14T14:25:39+00:00","dateModified":"2021-04-29T15:36:04+00:00","mainEntityOfPage":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/sharing-collaboration\/best-practices-for-embedding-apps-and-web-content-in-story-maps"},"wordCount":11,"publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"keywords":["Story Map Journal","Story Map Series","Story Map Tips"],"articleSection":["Constituent Engagement","Sharing and Collaboration"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/sharing-collaboration\/best-practices-for-embedding-apps-and-web-content-in-story-maps","url":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/sharing-collaboration\/best-practices-for-embedding-apps-and-web-content-in-story-maps","name":"Best practices for embedding apps and web content in Story Maps","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#website"},"datePublished":"2016-04-14T14:25:39+00:00","dateModified":"2021-04-29T15:36:04+00:00","breadcrumb":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/sharing-collaboration\/best-practices-for-embedding-apps-and-web-content-in-story-maps#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/sharing-collaboration\/best-practices-for-embedding-apps-and-web-content-in-story-maps"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/sharing-collaboration\/best-practices-for-embedding-apps-and-web-content-in-story-maps#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/arcgis-blog\/"},{"@type":"ListItem","position":2,"name":"Best practices for embedding apps and web content in Story Maps"}]},{"@type":"WebSite","@id":"https:\/\/www.esri.com\/arcgis-blog\/#website","url":"https:\/\/www.esri.com\/arcgis-blog\/","name":"ArcGIS Blog","description":"Get insider info from Esri product teams","publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.esri.com\/arcgis-blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization","name":"Esri","url":"https:\/\/www.esri.com\/arcgis-blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png","width":400,"height":400,"caption":"Esri"},"image":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/esrigis\/","https:\/\/x.com\/ESRI","https:\/\/www.linkedin.com\/company\/5311\/"]},{"@type":"Person","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/1c03f5fff79ca526ad78318543fd3312","name":"Owen Evans","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/image\/","url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/03\/OJE_FedGIS.jpg","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/03\/OJE_FedGIS.jpg","caption":"Owen Evans"},"description":"Owen is the lead product engineer for ArcGIS StoryMaps and has been with Esri since 2004. Before joining the StoryMaps team, he spent 11 years as a solution engineer on Esri's National Government team helping people understand the value and utility of geospatial thinking.","sameAs":["http:\/\/www.linkedin.com\/in\/owenjevans","https:\/\/x.com\/OwenGeo"],"url":"https:\/\/www.esri.com\/arcgis-blog\/author\/oevans"}]}},"text_date":"April 14, 2016","author_name":"Owen Evans","author_page":"https:\/\/www.esri.com\/arcgis-blog\/author\/oevans","custom_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/Newsroom-Keyart-Wide-1920-x-1080.jpg","primary_product":"ArcGIS StoryMaps","tag_data":[{"term_id":24861,"name":"Story Map Journal","slug":"story-map-journal","term_group":0,"term_taxonomy_id":24861,"taxonomy":"post_tag","description":"","parent":0,"count":33,"filter":"raw"},{"term_id":27501,"name":"Story Map Series","slug":"story-map-series","term_group":0,"term_taxonomy_id":27501,"taxonomy":"post_tag","description":"","parent":0,"count":21,"filter":"raw"},{"term_id":29261,"name":"Story Map Tips","slug":"story-map-tips","term_group":0,"term_taxonomy_id":29261,"taxonomy":"post_tag","description":"","parent":0,"count":31,"filter":"raw"}],"category_data":[{"term_id":37131,"name":"Constituent Engagement","slug":"constituent-engagement","term_group":0,"term_taxonomy_id":37131,"taxonomy":"category","description":"","parent":0,"count":392,"filter":"raw"},{"term_id":37511,"name":"Sharing and Collaboration","slug":"sharing-collaboration","term_group":0,"term_taxonomy_id":37511,"taxonomy":"category","description":"","parent":0,"count":424,"filter":"raw"}],"product_data":[{"term_id":36821,"name":"ArcGIS Configurable Apps","slug":"configurable-apps","term_group":0,"term_taxonomy_id":36821,"taxonomy":"product","description":"","parent":36591,"count":94,"filter":"raw"},{"term_id":36551,"name":"ArcGIS Online","slug":"arcgis-online","term_group":0,"term_taxonomy_id":36551,"taxonomy":"product","description":"","parent":0,"count":2419,"filter":"raw"},{"term_id":36611,"name":"ArcGIS StoryMaps","slug":"story-maps","term_group":0,"term_taxonomy_id":36611,"taxonomy":"product","description":"","parent":36981,"count":572,"filter":"raw"}],"primary_product_link":"https:\/\/www.esri.com\/arcgis-blog\/?s=#&products=story-maps","_links":{"self":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/71661","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/users\/5441"}],"replies":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/comments?post=71661"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/71661\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/media?parent=71661"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/categories?post=71661"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/tags?post=71661"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/industry?post=71661"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/product?post=71661"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}