{"id":657342,"date":"2019-11-17T21:40:00","date_gmt":"2019-11-18T05:40:00","guid":{"rendered":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=657342"},"modified":"2024-07-02T14:52:36","modified_gmt":"2024-07-02T21:52:36","slug":"enrich-your-story-maps-with-embedded-web-content","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-storymaps\/constituent-engagement\/enrich-your-story-maps-with-embedded-web-content","title":{"rendered":"Enrich your stories with embedded web content"},"author":7211,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[37131,37511],"tags":[507442,31521,27881],"industry":[],"product":[36611,380802],"class_list":["post-657342","blog","type-blog","status-publish","format-standard","hentry","category-constituent-engagement","category-sharing-collaboration","tag-cheat-sheet","tag-embedding","tag-storytelling","product-story-maps","product-arcgis-storymaps"],"acf":{"short_description":"Your guide to understanding the what, why, when, and how of ArcGIS StoryMaps\u2019 embed block.","flexible_content":[{"acf_fc_layout":"content","content":"<p><em>This post was originally published in November, 2019, and has most recently been updated in March, 2021 to cover recent enhancements to the embedding workflow and output.<\/em><\/p>\n"},{"acf_fc_layout":"content","content":"<p style=\"text-align: center;\">_________________________<\/p>\n<p><a href=\"https:\/\/www.esri.com\/en-us\/arcgis\/products\/arcgis-storymaps\/overview\">ArcGIS StoryMaps<\/a> comes equipped with all kinds of powerful tools for getting readers engrossed in the story you\u2019re telling\u2014immersive blocks like <a href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-storymaps\/mapping\/employing-and-enjoying-sidecars-docked-and-floating-panel-layouts\/\">sidecar<\/a> and <a href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-storymaps\/constituent-engagement\/now-available-in-arcgis-storymaps-guided-tour-beta\/\">map tour<\/a>, for instance, or the map-in-minutes capability of <a href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-storymaps\/mapping\/what-is-an-express-map-and-why-should-you-use-one\/\">express mapping<\/a>. Well there\u2019s another tool in your toolkit\u2014or, more accurately, block on the block palette\u2014that can help you create the kind of delightful and informative experiences your audience craves.<\/p>\n<p>I\u2019m talking about the embed block. With it, you can add all kinds of things to stories: Tweets, SoundCloud tracks, Spotify playlists, interactive charts, ArcGIS apps\u2026 the list goes on and on. Embedding web content is a great way to add important context, <a href=\"https:\/\/storymaps.arcgis.com\/stories\/5781fe3045e344ef8731c2ca022af22c\" target=\"_blank\" rel=\"noopener\">crowdsourcing elements<\/a>, or just an element of fun to your story, all of which help leave a lasting impression on anyone who comes across it.<\/p>\n<p>&nbsp;<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1164282,"id":1164282,"title":"A simple embed","filename":"Embed-example.png","filesize":35380,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Embed-example.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-storymaps\/constituent-engagement\/enrich-your-story-maps-with-embedded-web-content\/embed-example","alt":"An interactive chart embedded in a story with a tool tip appearing on a data point","author":"7211","description":"","caption":"Embedding interactive charts in a story is a great way to let readers engage with non-spatial data.","name":"embed-example","status":"inherit","uploaded_to":657342,"date":"2021-03-18 12:46:33","modified":"2021-03-18 12:48:00","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":800,"height":800,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Embed-example-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Embed-example.png","medium-width":261,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Embed-example.png","medium_large-width":768,"medium_large-height":768,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Embed-example.png","large-width":800,"large-height":800,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Embed-example.png","1536x1536-width":800,"1536x1536-height":800,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Embed-example.png","2048x2048-width":800,"2048x2048-height":800,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Embed-example-465x465.png","card_image-width":465,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Embed-example.png","wide_image-width":800,"wide_image-height":800}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>&nbsp;<\/p>\n<p>The key to success with external web content, though, is creating a seamless, positive experience for your readers. That\u2019s not always an easy task. Luckily, ArcGIS StoryMaps does a lot of work behind the scenes to get the technical details right so you can focus on your narrative instead.<\/p>\n<p>To help you succeed with embeds, let\u2019s spend a little time going over all the nitty-gritty details. Those details include:<\/p>\n<ul>\n<li><a href=\"#add\">How to add embedded content<\/a><\/li>\n<li><a href=\"#type\">The different types of embeds<\/a><\/li>\n<li><a href=\"#appear\">How embeds can appear<\/a><\/li>\n<li><a href=\"#where\">Where you can add embeds (and why that matters)<\/a><\/li>\n<li><a href=\"#mobile\">Considerations for mobile readers<\/a><\/li>\n<li><a href=\"#tips\">Some practical tips<\/a><\/li>\n<\/ul>\n<p>Ready? Let\u2019s dig in.<\/p>\n<p>&nbsp;<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1164292,"id":1164292,"title":"Adding an embed","filename":"Block-palette.png","filesize":23658,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Block-palette.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-storymaps\/constituent-engagement\/enrich-your-story-maps-with-embedded-web-content\/block-palette-2","alt":"The embed block shown in the StoryMaps block palette","author":"7211","description":"","caption":"You can find the embed block in the media section of the block palette.","name":"block-palette-2","status":"inherit","uploaded_to":657342,"date":"2021-03-18 12:50:58","modified":"2021-03-18 12:52:01","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":800,"height":800,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Block-palette-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Block-palette.png","medium-width":261,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Block-palette.png","medium_large-width":768,"medium_large-height":768,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Block-palette.png","large-width":800,"large-height":800,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Block-palette.png","1536x1536-width":800,"1536x1536-height":800,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Block-palette.png","2048x2048-width":800,"2048x2048-height":800,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Block-palette-465x465.png","card_image-width":465,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Block-palette.png","wide_image-width":800,"wide_image-height":800}},"image_position":"left","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>&nbsp;<\/p>\n<h2><a id=\"add\"><\/a>Adding content with the embed block<\/h2>\n<p>Adding an embed to your story is pretty easy. Simply open up the block palette with the green <strong>(+)<\/strong> and click <strong>Embed<\/strong>. Up pops a field where you add in your content by pasting in either a link or iframe code. Each way of adding content has its own perks, but I\u2019ll get to those details in a bit. Either way, once you\u2019ve pasted in the reference to your content, click <strong>Save<\/strong> and you\u2019re off to the races.<\/p>\n<p>Right away, the builder starts doing some behind-the-scenes decision-making to ensure that what you\u2019re adding is delivered to your readers in the best way possible. This process takes into account a few different things, like the type of content being embedded, its appearance options, where in the story its being added, and how it will look on different screen sizes.<\/p>\n<p>The choices available to you as an author will vary depending on the combination of these variables, so let&#8217;s unpack each one and see how they all work together.<\/p>\n<p>&nbsp;<\/p>\n<h2><a id=\"type\"><\/a>The four types of embedded web content<\/h2>\n<p>First things first, let\u2019s look at the kinds of content you can embed in your story. While potential web sources are many, their content can all be categorized into four core types of embeds:<\/p>\n<h3>Photos<\/h3>\n<p>These are images that are already hosted online, perhaps on Flickr or your own private server, and are added to your story via a link instead of being uploaded directly from your machine.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":657382,"id":657382,"title":"Adding web content","filename":"Screen-Shot-2019-11-17-at-9.44.05-PM.png","filesize":42795,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Screen-Shot-2019-11-17-at-9.44.05-PM.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-storymaps\/constituent-engagement\/enrich-your-story-maps-with-embedded-web-content\/screen-shot-2019-11-17-at-9-44-05-pm","alt":"The modal with a single field in which to past a link or iframe code","author":"7211","description":"","caption":"Simply paste in a link or iframe code to bring external web content into your story.","name":"screen-shot-2019-11-17-at-9-44-05-pm","status":"inherit","uploaded_to":657342,"date":"2019-11-18 04:44:32","modified":"2019-11-18 04:45:53","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1276,"height":856,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Screen-Shot-2019-11-17-at-9.44.05-PM-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Screen-Shot-2019-11-17-at-9.44.05-PM.png","medium-width":389,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Screen-Shot-2019-11-17-at-9.44.05-PM.png","medium_large-width":768,"medium_large-height":515,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Screen-Shot-2019-11-17-at-9.44.05-PM.png","large-width":1276,"large-height":856,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Screen-Shot-2019-11-17-at-9.44.05-PM.png","1536x1536-width":1276,"1536x1536-height":856,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Screen-Shot-2019-11-17-at-9.44.05-PM.png","2048x2048-width":1276,"2048x2048-height":856,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Screen-Shot-2019-11-17-at-9.44.05-PM-693x465.png","card_image-width":693,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Screen-Shot-2019-11-17-at-9.44.05-PM.png","wide_image-width":1276,"wide_image-height":856}},"image_position":"right","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<h3>Videos<\/h3>\n<p>You know, like the ones available on YouTube, Vimeo, or Dailymotion. The story builder supports dozens of different video providers; add content from them to your story with a link or iframe code.<\/p>\n<h3>Simple embeds<\/h3>\n<p>This category consists of content like ArcGIS apps, websites, and other full-page content that provides the basic embed info when referenced with a link. Non-video content you\u2019ve added via iframe also falls into this bucket. If you&#8217;re embedding an ArcGIS app, be sure to share it publicly first.<\/p>\n<h3>Rich embeds<\/h3>\n<p>Some trusted embed sources provide special information about their content, which the StoryMaps builder uses to optimize the display and reading experience for that embed. Twitter and SoundCloud are two examples, but there are loads more.<\/p>\n<p>For the builder to gather that extra info, however, you\u2019ll need to add this content with a link. (If the term <a href=\"https:\/\/oembed.com\/\">OEmbed API<\/a> means anything to you, that\u2019s the kind of thing that\u2019s at play here. If you read that and your response was \u201chuh?\u201d don\u2019t worry, you can get by just fine without knowing what that means.)<\/p>\n<p>&nbsp;<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1164302,"id":1164302,"title":"A rich embed example","filename":"Rich-embed.png","filesize":38278,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Rich-embed.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-storymaps\/constituent-engagement\/enrich-your-story-maps-with-embedded-web-content\/rich-embed","alt":"A Spotify coffeehouse playlist embedded in a story","author":"7211","description":"","caption":"This embedded Spotify playlist is considered a rich embed; the information provided through its embed reference allows the story builder to display it in a format optimized for reader engagement.","name":"rich-embed","status":"inherit","uploaded_to":657342,"date":"2021-03-18 12:59:48","modified":"2021-03-18 13:01:44","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":800,"height":800,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Rich-embed-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Rich-embed.png","medium-width":261,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Rich-embed.png","medium_large-width":768,"medium_large-height":768,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Rich-embed.png","large-width":800,"large-height":800,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Rich-embed.png","1536x1536-width":800,"1536x1536-height":800,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Rich-embed.png","2048x2048-width":800,"2048x2048-height":800,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Rich-embed-465x465.png","card_image-width":465,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Rich-embed.png","wide_image-width":800,"wide_image-height":800}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>&nbsp;<\/p>\n<p>Ok, that\u2019s pretty much it for embed types. Moving on\u2026<\/p>\n<p>&nbsp;<\/p>\n<h2><a id=\"appear\"><\/a>The three different ways embedded content can be displayed<\/h2>\n<p>To help create a seamless reading experience, the story builder has three different ways it can display embedded content. Before we look at where these different views come into play, let\u2019s first get an understanding of what each one is, and why it\u2019s useful.<\/p>\n<p>&nbsp;<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1164312,"id":1164312,"title":"An embed card","filename":"embed-card.png","filesize":62228,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/embed-card.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-storymaps\/constituent-engagement\/enrich-your-story-maps-with-embedded-web-content\/embed-card","alt":"An embed card in a story provides a prominent link to Spotify's coffee house playlist, including a thumbnail and description","author":"7211","description":"","caption":"Displaying embeds as cards is a great way to call attention to related content without forcing a reader to engage with it.  Sometimes, as with this example,  you'll want to replace the autogenerated description with one that's more useful.","name":"embed-card","status":"inherit","uploaded_to":657342,"date":"2021-03-18 13:03:14","modified":"2021-03-18 13:05:41","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":800,"height":800,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/embed-card-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/embed-card.png","medium-width":261,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/embed-card.png","medium_large-width":768,"medium_large-height":768,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/embed-card.png","large-width":800,"large-height":800,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/embed-card.png","1536x1536-width":800,"1536x1536-height":800,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/embed-card.png","2048x2048-width":800,"2048x2048-height":800,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/embed-card-465x465.png","card_image-width":465,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/embed-card.png","wide_image-width":800,"wide_image-height":800}},"image_position":"left","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<h3>Cards<\/h3>\n<p>Cards appear as handy little link previews, pulling a title, description, and thumbnail from the embedded content. These cards are also styled according to your story&#8217;s theme, so they match the look and feel of your content.<\/p>\n<p>Cards are nice way to include related resources in your story for the extra-curious individual without taking too much attention away from your main story. They\u2019re also great for creating a list of recommending reading at the end of your story. Once clicked, the card simply opens that content in a new browser tab.<\/p>\n<p>Any type of embed can be displayed as a card if you so choose\u2014use the toolbar that appears above an embed to move between the card and live view. For some content a card may be the only available option, either for security reasons or because the content source prevents live embedding.<\/p>\n<p>You can customize the appearance of a card through the embed options panel (click the gear icon in the embed toolbar to open this up). There, under the <strong>Display <\/strong>tab, you can adjust the title and description for the card, upload a custom thumbnail, or reset all the information to what was originally supplied from the content\u2019s source. You can also quickly view and copy the card link from the <strong>Properties<\/strong> tab of this panel.<\/p>\n<p>&nbsp;<\/p>\n"},{"acf_fc_layout":"content","content":"<h3>Live content<\/h3>\n<p>While cards simply provide a summary of the content they reference, live embeds integrate it right into your story. Readers can view the linked material alongside your text and other media, and can even interact with it all in the same space.<\/p>\n<p>If the external web content you\u2019re adding is pretty critical to your story\u2014maybe it provides more nuance to your discussion or gives your readers a chance to explore some data you\u2019re presenting\u2014a live embed is likely your preferred choice.<\/p>\n<p>Photo and video embeds will appear as live content automatically (though of course there\u2019s no interactivity with a photo). Because of the behind-the-scenes optimization, rich embeds will also be added as live content.<\/p>\n<p>Simple embeds will usually be added as a card at first, but will give you the option to switch to live content (minus the two exceptions noted above). When these embeds become live, you\u2019ll notice that they require an initial click to enable interaction. That\u2019s because the story builder doesn\u2019t have enough information to ensure readers won\u2019t get caught in any sticky situations\u2014like stuck in a scroll within a scroll\u2014if interaction is automatically enabled.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n"},{"acf_fc_layout":"youtube","start_time":"0","end_time":"","youtube_video_url":"<iframe title=\"Embeds: Large Screen Display Options\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/uTZsYlyXIbs?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>"},{"acf_fc_layout":"content","content":"<p>&nbsp;<\/p>\n<p>However, if you\u2019ve added web content that doesn\u2019t require any scrolling (like a simple interactive chart), you can turn off the initial-click requirement from the options panel. Just check <strong>Allow readers to directly interact with the embed<\/strong> in the display tab.<\/p>\n<p>All live embeds also initially come with a button in the upper right-hand corner of the embed that launches the source link in a new browser tab. You can hide that button via the display tab of the embed options. Doing so comes in handy for uncomplicated embeds that are easy to interact with within a story, or when that button blocks relevant information or interactivity.<\/p>\n<h3><\/h3>\n<h3>Alternative media<\/h3>\n<p>While live content can be great, it doesn\u2019t always provide the best experience on small screens and mobile devices. In these instances, the gist of an embed is conveyed through an image that you upload as alternative media. When you upload an alternative image, you also have the option to make it clickable, so that readers can tap on it to open that content in a new tab.<\/p>\n<p>If you forget to upload an alternative image, the builder will either show the embed card instead, or provide a generic placeholder to alert your reader that there\u2019s more to the story. This placeholder also includes a link to open the embedded content in a new tab. Whether a card or placeholder is shown depends on where in your story the embed has been added.<\/p>\n<p>&nbsp;<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":657542,"id":657542,"title":"Alternative media","filename":"altmedia-1.png","filesize":34361,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/altmedia-1.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-storymaps\/constituent-engagement\/enrich-your-story-maps-with-embedded-web-content\/altmedia-2","alt":"A mobile phone preview showing an alternative image in place of a live embed","author":"7211","description":"","caption":"On mobile devices, a live embed in a sidecar media panel is replaced with an alternative image. ","name":"altmedia-2","status":"inherit","uploaded_to":657342,"date":"2019-11-18 05:51:55","modified":"2019-11-18 05:52:11","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":400,"height":724,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/altmedia-1-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/altmedia-1.png","medium-width":144,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/altmedia-1.png","medium_large-width":400,"medium_large-height":724,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/altmedia-1.png","large-width":400,"large-height":724,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/altmedia-1.png","1536x1536-width":400,"1536x1536-height":724,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/altmedia-1.png","2048x2048-width":400,"2048x2048-height":724,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/altmedia-1-257x465.png","card_image-width":257,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/altmedia-1.png","wide_image-width":400,"wide_image-height":724}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>&nbsp;<\/p>\n<h2><a id=\"where\"><\/a>The three places you can add embeds (and why that matters)<\/h2>\n<p>Ok, time for a quick recap. So far we\u2019ve established that you can add external web content to your story via a link or iframe code. This embedded content can fall into one of four categories (photo, video, rich, or simple), and there are three possible ways it might be displayed (card, live, or alternative media). Now let\u2019s bring it all together by looking at where in your stories you can add different types of embedded content, and how that placement will influence the way it appears.<\/p>\n<p>&nbsp;<\/p>\n<h3>Inline<\/h3>\n<p>Add embeds right into the body of your story, between paragraphs or other media, directly from the block palette. Photos, videos, rich embeds, and simple embeds can all be added here, and each one has the ability to be displayed as a card or live content.<\/p>\n<p>Live embeds will also typically have the option to be displayed at small, medium, or large widths. The only exceptions to this are rich embeds like Tweets, where the builder has already determined the most ideal size based on the content being embedded.<\/p>\n<p>&nbsp;<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":658632,"id":658632,"title":"Sidecar anatomy","filename":"sidecaranatomy-Small-1.png","filesize":40356,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/sidecaranatomy-Small-1.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-storymaps\/constituent-engagement\/enrich-your-story-maps-with-embedded-web-content\/sidecaranatomy-small-1-2","alt":"A schematic of the sidecar block with the narrative panel on the left and the larger media panel on the right","author":"7211","description":"","caption":"A sidecar block consists of a narrow, scrolling narrative panel on one side and a large, fixed media panel on the other.","name":"sidecaranatomy-small-1-2","status":"inherit","uploaded_to":657342,"date":"2019-11-18 19:59:27","modified":"2019-11-18 20:00:37","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":854,"height":461,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/sidecaranatomy-Small-1-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/sidecaranatomy-Small-1.png","medium-width":464,"medium-height":250,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/sidecaranatomy-Small-1.png","medium_large-width":768,"medium_large-height":415,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/sidecaranatomy-Small-1.png","large-width":854,"large-height":461,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/sidecaranatomy-Small-1.png","1536x1536-width":854,"1536x1536-height":461,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/sidecaranatomy-Small-1.png","2048x2048-width":854,"2048x2048-height":461,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/sidecaranatomy-Small-1-826x446.png","card_image-width":826,"card_image-height":446,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/sidecaranatomy-Small-1.png","wide_image-width":854,"wide_image-height":461}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>&nbsp;<\/p>\n<h3>In a sidecar\u2019s narrative panel<\/h3>\n<p>One of the immersive blocks in ArcGIS StoryMaps, <a href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-storymaps\/mapping\/6-ways-to-use-sidecar-in-the-new-arcgis-storymaps\/\">sidecar<\/a> has a long scrolling narrative panel that can include a variety of content. Open up the block palette and, sure enough, the embed block is right there waiting for you.<\/p>\n<p>In the narrative panel, photos, videos, rich embeds, and some simple embeds (such as ArcGIS Dashboards and ArcGIS Survey123 forms) will appear as live content for desktop viewers (though you can change them to cards if you wish). Given the space constraints and limited information, other simple embeds will always display as cards to ensure a smooth reading experience.<\/p>\n<p>&nbsp;<\/p>\n<h3>In a sidecar\u2019s media panel<\/h3>\n<p>Sidecar\u2019s media panel also includes embedded content capabilities. Photo, video, and simple embeds are right at home here. Rich embeds are too, with a few exceptions. Tweets, for example, are a no-go for sidecar\u2019s media panel (but they look great in the narrative panel).<\/p>\n<p>&nbsp;<\/p>\n"},{"acf_fc_layout":"content","content":"<p>&nbsp;<\/p>\n<h2><a id=\"mobile\"><\/a>How embedded content appears for mobile readers<\/h2>\n<p>While the scenarios above describe the embed appearance rules for desktop readers, things change a little on small screens. When it comes down to it, there\u2019s just not enough space to elegantly present complicated interactives. For most embeds, you can choose to add alternative media under the <strong>Small screens<\/strong> section of the embed options panel. Otherwise, the embeds will display as cards on devices like phones and tablets. There is one exceptions here: Embeds in sidecar media panels are always replaced with alternative media, this is where a placeholder is added by the builder in lieu of your providing one.<\/p>\n<p>&nbsp;<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1164342,"id":1164342,"title":"A mobile preview","filename":"mobile-preview.png","filesize":34822,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/mobile-preview.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-storymaps\/constituent-engagement\/enrich-your-story-maps-with-embedded-web-content\/mobile-preview","alt":"A view of the mobile preview for a story where an interactive chart is replaced with an image","author":"7211","description":"","caption":"For this story, my colleague chose replace his interactive chart with a still image for mobile readers (shown here via the phone preview). This way they can still see the trend the chart shows without needing to open it in a new tab.","name":"mobile-preview","status":"inherit","uploaded_to":657342,"date":"2021-03-18 13:14:27","modified":"2021-03-18 13:17:05","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":800,"height":800,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/mobile-preview-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/mobile-preview.png","medium-width":261,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/mobile-preview.png","medium_large-width":768,"medium_large-height":768,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/mobile-preview.png","large-width":800,"large-height":800,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/mobile-preview.png","1536x1536-width":800,"1536x1536-height":800,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/mobile-preview.png","2048x2048-width":800,"2048x2048-height":800,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/mobile-preview-465x465.png","card_image-width":465,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/mobile-preview.png","wide_image-width":800,"wide_image-height":800}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>&nbsp;<\/p>\n<p>You can see how your embedded content will look for mobile readers by using the tablet and phone views in the story preview (access this in the story header).<\/p>\n<p>&nbsp;<\/p>\n<h2><a id=\"tips\"><\/a>A few tips to keep in mind<\/h2>\n<p>Now that you\u2019ve got a sense of the fundamental workings of embedded content in ArcGIS StoryMaps, let me leave you with some practical suggestions and insider tricks.<\/p>\n<p>&nbsp;<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":657452,"id":657452,"title":"URL Parameters","filename":"ezgif.com-optimize-10.gif","filesize":206254,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/ezgif.com-optimize-10.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-storymaps\/constituent-engagement\/enrich-your-story-maps-with-embedded-web-content\/ezgif-com-optimize-10","alt":"An author pastes in a Vimeo iframe code and adds a URL parameter to the link","author":"7211","description":"","caption":"Adding embeds with iframe code allows you to adjust aspects of that content with URL parameters.","name":"ezgif-com-optimize-10","status":"inherit","uploaded_to":657342,"date":"2019-11-18 05:09:41","modified":"2019-11-18 05:11:13","menu_order":0,"mime_type":"image\/gif","type":"image","subtype":"gif","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":800,"height":537,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/ezgif.com-optimize-10-213x200.gif","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/ezgif.com-optimize-10.gif","medium-width":389,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/ezgif.com-optimize-10.gif","medium_large-width":768,"medium_large-height":516,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/ezgif.com-optimize-10.gif","large-width":800,"large-height":537,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/ezgif.com-optimize-10.gif","1536x1536-width":800,"1536x1536-height":537,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/ezgif.com-optimize-10.gif","2048x2048-width":800,"2048x2048-height":537,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/ezgif.com-optimize-10-693x465.gif","card_image-width":693,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/ezgif.com-optimize-10.gif","wide_image-width":800,"wide_image-height":537}},"image_position":"right","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<h3>Link vs. iframe code<\/h3>\n<p>As I mentioned a while back, each way of adding embedded content comes with its own perks. The advantages of links are, of course, their ease of use, but also that they give the story builder the chance to detect those special optimization details that set rich embeds apart from simple embeds.<\/p>\n<p>Iframes, meanwhile, give you a bit more flexibility in terms of display details. With iframes, you can add in URL parameters to adjust the look of your live content. A good example of this is using parameters to set a video to autoplay or loop.<\/p>\n<p>You can also use iframe code to specify the width, height, or aspect ratio of your live content. If, for example, you\u2019re embedding a survey into your story and want all fields visible at once, you could set the width to be 100 percent of the iframe container, and then set the height in pixels to ensure the whole form appears inline in your story.<\/p>\n<p>&nbsp;<\/p>\n<h3>Use caution with embedded photos<\/h3>\n<p>You certainly have the option of linking to photos already hosted online, and sometimes that\u2019s the only choice available. But ask anyone on the StoryMaps team, and we\u2019ll tell you that, given the option, uploading your photos directly to your story is the recommended approach. The story builder has a few tricks up its digital sleeve to ensure that uploaded images are optimized for the size at which they appear in your story, but it can\u2019t do this for linked images. That can mean longer load times for readers on mobile devices or slow internet connections.<\/p>\n<p>Another risk, depending on your photo source, is the chance of a server crash or some other technical difficulty that renders your linked photos inaccessible. While popular third-party vendors like Flickr are generally reliable, that might not be the case for a small server with just a few images on it.<\/p>\n<p>&nbsp;<\/p>\n<h3>Don\u2019t forget alternative text<\/h3>\n<p>When embedding live content, be sure to open up the option panel and add in a nice (but concise) description in the alternative text field (found in the <strong>Properties<\/strong> tab). This text is used by screen readers to help those with visual disabilities enjoy the full experience your content has to offer, making it an essential step in creating inclusive content. (Embed cards don\u2019t require alternative text, since they already have a title and description attached to them.)<\/p>\n<p>&nbsp;<\/p>\n"},{"acf_fc_layout":"youtube","start_time":"0","end_time":"","youtube_video_url":"<iframe title=\"Adding Alternative Text in ArcGIS StoryMaps\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/bJ40v5lxy0A?list=PLGZUzt4E4O2LtRVMrFi5-lnmqFWJvlpsH\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>"},{"acf_fc_layout":"content","content":"<p>&nbsp;<\/p>\n<h3>Put the reader first<\/h3>\n<p>Finally, and most importantly, stay focused on your target audience. If you\u2019re not sure about where to put an embed, or which appearance option is most appropriate, start by asking yourself \u201chow essential is this for my reader, and what\u2019s the most ideal way for them to engage with this content?\u201d The answer to those questions will help you chart a clear path forward.<\/p>\n<p>Have any questions or ideas on how to take the embed experience even further? Be sure to share them with us through our\u00a0<a href=\"https:\/\/survey123.arcgis.com\/share\/3cc3b41570de40e394d04d8129a55931\">product feedback form<\/a>. Now, go ahead and start putting all this new knowledge to use\u2014happy embedding!<\/p>\n<p style=\"text-align: center;\">___________<\/p>\n<p><em>Note: The embed block is only available to those with subscription accounts for ArcGIS. If you don\u2019t have a subscription account, but would like to give embeds a try, you can always sign up for a <a href=\"https:\/\/www.esri.com\/en-us\/arcgis\/trial\" target=\"_blank\" rel=\"noopener\">free 21-day trial<\/a> of ArcGIS.<\/em><\/p>\n<p>&nbsp;<\/p>\n"}],"authors":[{"ID":7211,"user_firstname":"Hannah","user_lastname":"Wilber","nickname":"hwilber.storymaps","user_nicename":"hwilber-storymaps","display_name":"Hannah Wilber","user_email":"HWilber@esri.com","user_url":"","user_registered":"2018-03-02 00:19:27","user_description":"Upstate NY transplant. Former content creator for Esri's StoryMaps team. Fascinated by how storytelling affects the human brain. Lover of conservation. Overly proud dog mom.","user_avatar":"<img data-del=\"avatar\" src='https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/17265216_10113217109268964_8718639653559646517_n.jpg' class='avatar pp-user-avatar avatar-96 photo ' height='96' width='96'\/>"},{"ID":32401,"user_firstname":"William","user_lastname":"Hackney","nickname":"William Hackney","user_nicename":"whackney","display_name":"William Hackney","user_email":"whackney@esri.com","user_url":"","user_registered":"2020-05-05 16:14:31","user_description":"Will (he\/him) is a Senior Content Specialist on the StoryMaps editorial team. A yinzer born and bred, he is an aficionado of two-lane road trips, Minor League Baseball, malt-forward beer, or any combination thereof.","user_avatar":"<img data-del=\"avatar\" src='https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/06\/lirr-213x200.jpg' class='avatar pp-user-avatar avatar-96 photo ' height='96' width='96'\/>"}],"related_articles":[{"ID":526472,"post_author":"7201","post_date":"2019-06-19 03:00:57","post_date_gmt":"2019-06-19 10:00:57","post_content":"","post_title":"Six(ish) ways to use sidecar in ArcGIS StoryMaps","post_excerpt":"","post_status":"publish","comment_status":"closed","ping_status":"closed","post_password":"","post_name":"6-ways-to-use-sidecar-in-the-new-arcgis-storymaps","to_ping":"","pinged":"","post_modified":"2021-02-16 11:13:56","post_modified_gmt":"2021-02-16 19:13:56","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=526472","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"},{"ID":651752,"post_author":"7211","post_date":"2019-11-07 08:37:10","post_date_gmt":"2019-11-07 16:37:10","post_content":"","post_title":"Slideshow: Now with all the abilities of sidecar","post_excerpt":"","post_status":"publish","comment_status":"open","ping_status":"closed","post_password":"","post_name":"slideshow-beta-a-new-immersive-block-in-arcgis-storymaps","to_ping":"","pinged":"","post_modified":"2022-06-29 18:41:41","post_modified_gmt":"2022-06-30 01:41:41","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=651752","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"1","filter":"raw"},{"ID":598642,"post_author":"7211","post_date":"2020-12-02 13:00:48","post_date_gmt":"2020-12-02 21:00:48","post_content":"","post_title":"Create a standout story with the ArcGIS StoryMaps design panel","post_excerpt":"","post_status":"publish","comment_status":"open","ping_status":"closed","post_password":"","post_name":"create-a-standout-story-with-arcgis-storymaps-design-panel","to_ping":"","pinged":"","post_modified":"2024-10-14 19:04:21","post_modified_gmt":"2024-10-15 02:04:21","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=598642","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"}],"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Artboard-1-1.png","wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Teal__1550507589542.jpg"},"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>Enrich your stories with embedded web content<\/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\/arcgis-storymaps\/constituent-engagement\/enrich-your-story-maps-with-embedded-web-content\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Enrich your stories with embedded web content\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-storymaps\/constituent-engagement\/enrich-your-story-maps-with-embedded-web-content\" \/>\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=\"2024-07-02T21:52:36+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@ESRI\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"14 minutes\" \/>\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\/arcgis-storymaps\/constituent-engagement\/enrich-your-story-maps-with-embedded-web-content#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-storymaps\/constituent-engagement\/enrich-your-story-maps-with-embedded-web-content\"},\"author\":{\"name\":\"Hannah Wilber\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/abfa971d93bdce747ecc0c11937e9826\"},\"headline\":\"Enrich your stories with embedded web content\",\"datePublished\":\"2019-11-18T05:40:00+00:00\",\"dateModified\":\"2024-07-02T21:52:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-storymaps\/constituent-engagement\/enrich-your-story-maps-with-embedded-web-content\"},\"wordCount\":7,\"commentCount\":6,\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"keywords\":[\"cheat sheet\",\"embedding\",\"storytelling\"],\"articleSection\":[\"Constituent Engagement\",\"Sharing and Collaboration\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-storymaps\/constituent-engagement\/enrich-your-story-maps-with-embedded-web-content#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-storymaps\/constituent-engagement\/enrich-your-story-maps-with-embedded-web-content\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-storymaps\/constituent-engagement\/enrich-your-story-maps-with-embedded-web-content\",\"name\":\"Enrich your stories with embedded web content\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\"},\"datePublished\":\"2019-11-18T05:40:00+00:00\",\"dateModified\":\"2024-07-02T21:52:36+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-storymaps\/constituent-engagement\/enrich-your-story-maps-with-embedded-web-content#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-storymaps\/constituent-engagement\/enrich-your-story-maps-with-embedded-web-content\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-storymaps\/constituent-engagement\/enrich-your-story-maps-with-embedded-web-content#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.esri.com\/arcgis-blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Enrich your stories with embedded web content\"}]},{\"@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\/abfa971d93bdce747ecc0c11937e9826\",\"name\":\"Hannah Wilber\",\"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\/04\/17265216_10113217109268964_8718639653559646517_n.jpg\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/17265216_10113217109268964_8718639653559646517_n.jpg\",\"caption\":\"Hannah Wilber\"},\"description\":\"Upstate NY transplant. Former content creator for Esri's StoryMaps team. Fascinated by how storytelling affects the human brain. Lover of conservation. Overly proud dog mom.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/hannahwilber\/\",\"https:\/\/x.com\/wilberisbananas\"],\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/author\/hwilber-storymaps\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Enrich your stories with embedded web content","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\/arcgis-storymaps\/constituent-engagement\/enrich-your-story-maps-with-embedded-web-content","og_locale":"en_US","og_type":"article","og_title":"Enrich your stories with embedded web content","og_url":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-storymaps\/constituent-engagement\/enrich-your-story-maps-with-embedded-web-content","og_site_name":"ArcGIS Blog","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","article_modified_time":"2024-07-02T21:52:36+00:00","twitter_card":"summary_large_image","twitter_site":"@ESRI","twitter_misc":{"Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-storymaps\/constituent-engagement\/enrich-your-story-maps-with-embedded-web-content#article","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-storymaps\/constituent-engagement\/enrich-your-story-maps-with-embedded-web-content"},"author":{"name":"Hannah Wilber","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/abfa971d93bdce747ecc0c11937e9826"},"headline":"Enrich your stories with embedded web content","datePublished":"2019-11-18T05:40:00+00:00","dateModified":"2024-07-02T21:52:36+00:00","mainEntityOfPage":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-storymaps\/constituent-engagement\/enrich-your-story-maps-with-embedded-web-content"},"wordCount":7,"commentCount":6,"publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"keywords":["cheat sheet","embedding","storytelling"],"articleSection":["Constituent Engagement","Sharing and Collaboration"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-storymaps\/constituent-engagement\/enrich-your-story-maps-with-embedded-web-content#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-storymaps\/constituent-engagement\/enrich-your-story-maps-with-embedded-web-content","url":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-storymaps\/constituent-engagement\/enrich-your-story-maps-with-embedded-web-content","name":"Enrich your stories with embedded web content","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#website"},"datePublished":"2019-11-18T05:40:00+00:00","dateModified":"2024-07-02T21:52:36+00:00","breadcrumb":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-storymaps\/constituent-engagement\/enrich-your-story-maps-with-embedded-web-content#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-storymaps\/constituent-engagement\/enrich-your-story-maps-with-embedded-web-content"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-storymaps\/constituent-engagement\/enrich-your-story-maps-with-embedded-web-content#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/arcgis-blog\/"},{"@type":"ListItem","position":2,"name":"Enrich your stories with embedded web content"}]},{"@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\/abfa971d93bdce747ecc0c11937e9826","name":"Hannah Wilber","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\/04\/17265216_10113217109268964_8718639653559646517_n.jpg","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/17265216_10113217109268964_8718639653559646517_n.jpg","caption":"Hannah Wilber"},"description":"Upstate NY transplant. Former content creator for Esri's StoryMaps team. Fascinated by how storytelling affects the human brain. Lover of conservation. Overly proud dog mom.","sameAs":["https:\/\/www.linkedin.com\/in\/hannahwilber\/","https:\/\/x.com\/wilberisbananas"],"url":"https:\/\/www.esri.com\/arcgis-blog\/author\/hwilber-storymaps"}]}},"text_date":"November 17, 2019","author_name":"Multiple Authors","author_page":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-storymaps\/constituent-engagement\/enrich-your-story-maps-with-embedded-web-content","custom_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/11\/Teal__1550507589542.jpg","primary_product":"ArcGIS StoryMaps","tag_data":[{"term_id":507442,"name":"cheat sheet","slug":"cheat-sheet","term_group":0,"term_taxonomy_id":507442,"taxonomy":"post_tag","description":"","parent":0,"count":1,"filter":"raw"},{"term_id":31521,"name":"embedding","slug":"embedding","term_group":0,"term_taxonomy_id":31521,"taxonomy":"post_tag","description":"","parent":0,"count":4,"filter":"raw"},{"term_id":27881,"name":"storytelling","slug":"storytelling","term_group":0,"term_taxonomy_id":27881,"taxonomy":"post_tag","description":"","parent":0,"count":121,"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":36611,"name":"ArcGIS StoryMaps","slug":"story-maps","term_group":0,"term_taxonomy_id":36611,"taxonomy":"product","description":"","parent":36981,"count":572,"filter":"raw"},{"term_id":380802,"name":"ArcGIS StoryMaps","slug":"arcgis-storymaps","term_group":0,"term_taxonomy_id":380802,"taxonomy":"product","description":"","parent":0,"count":323,"filter":"raw"}],"primary_product_link":"https:\/\/www.esri.com\/arcgis-blog\/?s=#&products=arcgis-storymaps","_links":{"self":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/657342","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\/7211"}],"replies":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/comments?post=657342"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/657342\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/media?parent=657342"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/categories?post=657342"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/tags?post=657342"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/industry?post=657342"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/product?post=657342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}