{"id":152342,"date":"2018-11-13T10:09:56","date_gmt":"2018-11-13T18:09:56","guid":{"rendered":"https:\/\/www.esri.com\/about\/newsroom\/?post_type=arcwatch&p=152342"},"modified":"2019-09-30T08:16:53","modified_gmt":"2019-09-30T15:16:53","slug":"learn-to-embed-a-story-map-within-a-story-map","status":"publish","type":"arcwatch","link":"https:\/\/www.esri.com\/about\/newsroom\/arcwatch\/learn-to-embed-a-story-map-within-a-story-map","title":{"rendered":"Learn to Embed a Story Map within a Story Map"},"content":{"rendered":"","protected":false},"author":651,"featured_media":0,"menu_order":0,"template":"","format":"standard","meta":{"_acf_changed":false,"sync_status":"","episode_type":"","audio_file":"","castos_file_data":"","podmotor_file_id":"","cover_image":"","cover_image_id":"","duration":"","filesize":"","filesize_raw":"","date_recorded":"","explicit":"","block":"","itunes_episode_number":"","itunes_title":"","itunes_season_number":"","itunes_episode_type":"","footnotes":"","_links_to":"","_links_to_target":""},"categories":[10682],"tags":[294692,385882,277752,177982],"arcwatch_issues":[170302],"class_list":["post-152342","arcwatch","type-arcwatch","status-publish","format-standard","hentry","category-esri-story-maps-apps","tag-embed","tag-esri-story-map","tag-story-map","tag-tutorial","arcwatch_issues-june-2015","arcwatch_sections-the-tip"],"acf":{"short_description":"Yes, it can be done: You can embed a story map into another story map. But some Esri Story Map templates, such as Story Map Swipe and Spyglass...","pdf":{"host_remotely":false,"file":"","file_url":""},"flexible_content":[{"acf_fc_layout":"content","content":"Embedded maps and media are an inherent and essential part of any\u00a0Esri Story Map<\/a>. But in certain cases, you may want to embed more than just maps, photos, or videos: You may want to embed another story map within your story map to better tell your story.\r\n\r\nFor example,\u00a0Story Map Journal<\/a>\u00a0and\u00a0Story Map Series<\/a>\u00a0are two templates in the\u00a0Story Maps Gallery<\/a>\u00a0with layouts that provide a good framework for the effective use of an embedded story map.\r\n\r\nBut proceed with caution: Embedding a story map within a story map is not always desirable. It can detract from your story and create a more complicated experience for the viewer by presenting too many options.\r\n\r\nConsider that each story map has its own title, subtitle, and other application elements that might seem incongruous or redundant when embedded into another story map. You can use a URL parameter (&embed) to minimize the user interface (UI) of the following templates: Story Map Tour,\u00a0Story Map Swipe and Spyglass<\/a>, and\u00a0Story Map Series<\/a>\u00a0using the side accordion layout.\r\n\r\nMinimizing the UI streamlines the appearance of the story map, eliminating duplication of titles, descriptions, and other elements. Other story maps can be embedded; however, the UI cannot be minimized.\r\n\r\nThis link<\/a>\u00a0opens Story Map Spyglass as normally configured.\r\n\r\nThis link<\/a>\u00a0opens an example of a Story Map Spyglass using\u00a0&embed<\/strong>\u00a0to minimize the UI.\r\n\r\nStory Map Tour<\/a>\u00a0is not an ideal choice for embedding into other story maps, offering too many options and tour stops that might complicate the user experience. But Story Map Swipe and Spyglass are ideal candidates to embed, offering simple and useful capabilities to compare two layers or maps.\r\n

Embed Story Map Swipe into a Story Map Series App<\/h3>\r\nThe following Story Map Series app (using the tabbed layout) looks at unemployment by presenting three maps: unemployment rate, population change, and an analysis of the correlation between the two.\r\n\r\n\r\n\r\nThe modified version (shown below) of the same story map inserts a Story Map Swipe application at the third tab, allowing a visual comparison of unemployment and population prior to the final analysis map. The Story Map Swipe application was added using the &embed URL parameter discussed earlier.\r\n\r\n\r\n

How to Embed a Story Map Swipe App<\/h3>\r\nBegin by authoring\u00a0Story Map Swipe and Spyglass<\/a>\u00a0apps using the desired maps or layers. The Swipe and Spyglass layout options work equally well. For the purposes of embedding, it is best to leave all App Layout settings unchecked, except for Enable Popup (if one is desired).\r\n\r\n\r\n

Embed Story Map Swipe and Spyglass Apps in a Story Map Series<\/h3>\r\nTo embed\u00a0Story Map Swipe and Spyglass<\/a>\u00a0in a\u00a0Story Map Series app<\/a>\u00a0(as shown in the example above), follow the steps below:\r\n
    \r\n \t
  1. Add a new tab, entry, or bullet (depending on the layout chosen) and enter a title.<\/li>\r\n \t
  2. Choose Web page.<\/li>\r\n \t
  3. Copy and paste the Story Map Swipe and Spyglass URL, and make sure &embed is appended.<\/li>\r\n \t
  4. Click Configure.<\/li>\r\n \t
  5. Choose Stretch (the app will not distort).<\/li>\r\n \t
  6. Click Add and complete the tab, entry, or bullet.<\/li>\r\n<\/ol>\r\n

    Embed a Story Map Swipe and Spyglass in a Story Map Journal App<\/h3>\r\nTo embed Story Map Swipe and Story Map Spyglass in a\u00a0Story Map Journal<\/a>\u00a0app, follow the steps below:\r\n
      \r\n \t
    1. Add a new Section and, in the Main Stage Content, enter a title.<\/li>\r\n \t
    2. Choose Web page.<\/li>\r\n \t
    3. Copy and paste the Story Map Swipe and Spyglass URL, and make sure\u00a0&embed<\/strong>\u00a0is appended.<\/li>\r\n \t
    4. Click Configure.<\/li>\r\n \t
    5. Choose Stretch (the app will not distort).<\/li>\r\n \t
    6. Click NEXT to complete the new section.<\/li>\r\n<\/ol>\r\nLike adding seasoning to a fine meal, less is often more. Use embedded story maps within other story maps sparingly, and only when essential to tell your story. Always strive for simplicity when crafting a story map\u2014a simple story is often the most effective. But with careful thought and planning, embedding can provide additional meaning, context, and value.\r\n

      For more information<\/h3>\r\n