Embedding Other Types of Media

There will be times when you wish to embed a other types of media directly into your webpage, rather than simply share a link to it. For example, you may wish to embed a podcast from Spotify or SoundCloud. This guide explains the process. 
If you wish to embed a video from YouTube or Vimeo, please follow the guide for  ⁠﻿⁠Embedding Videos in a Text Area⁠ ﻿.
﻿
Jump to: 
﻿ Adding media⁠ ﻿
﻿ Finding the correct embeddable link⁠ ﻿
﻿ Video tutorial⁠ ﻿
Adding MediaThe process to embed this type of media is very similar to adding other images and videos. You'll either create a new Text Area or open an existing one, and place your cursor where you'd like the embed to be displayed. Once your cursor is in the correct place, click on the Media icon.
﻿
Screenshot of the Text Area editing box. The icon for adding media is outlined to show its location in the middle of the toolbar.Screenshot of the Text Area editing box. The icon for adding media is outlined to show its location in the middle of the toolbar.
﻿
﻿
In the popup, select the Embeddable tab. 
﻿
Screenshot of the popup box to add or select media. The link for "Embeddable" is outlined to show its location in the second position on the right sided menu.Screenshot of the popup box to add or select media. The link for "Embeddable" is outlined to show its location in the second position on the right sided menu.
﻿
﻿
You will be prompted to enter the URL for the media you wish to embed. Please note that at this time only the following providers can be embedded: ArcGIS StoryMaps, CircuitLab, Codepen, Dailymotion, Facebook, Flickr, Getty Images, Instagram, Issuu, Livestream, MathEmbed, SimpleCast, SlideShare, SoundCloud, Spotify, Stanford Digital Repository, Twitter.  If you need help finding the correct link to include, follow these instructions.⁠ ﻿
﻿
Screenshot of the popup box to add or select media, when the link for "Embeddable" is selected. The area where a URL can be pasted is outlined to show its location.Screenshot of the popup box to add or select media, when the link for "Embeddable" is selected. The area where a URL can be pasted is outlined to show its location.
﻿
﻿
Paste the URL into the box. You'll need to scroll down within this window, below the "Embed Code" box, and click "Add." If you're not sure which URL to copy,  see these instructions⁠ .
﻿
Screenshot of the popup box to add or select media. The scroll bar is outlined to highlight that you must scroll down in order to find the "Add" button further down in the interface.Screenshot of the popup box to add or select media. The scroll bar is outlined to highlight that you must scroll down in order to find the "Add" button further down in the interface.
﻿
﻿
The video name and oEmbed URL will automatically be populated into the boxes on the subsequent screen. You may change the name if you wish, but please remember to be descriptive.
﻿
Screenshot of the popup box to add or select media. The fields for Name and oEmbed URL are outlined to show their location.Screenshot of the popup box to add or select media. The fields for Name and oEmbed URL are outlined to show their location.
﻿
﻿
Once everything looks the way you want, click "Save and Insert." Your media should appear in your text box. Be sure to save your work!
﻿
Screenshot of the Text Area editing box once a Spotify file has been embedded.Screenshot of the Text Area editing box once a Spotify file has been embedded.
﻿
﻿
Finding the Correct Embeddable Link SpotifyHover over the title of the media you wish to embed, and click the 3 dots.
﻿
Screenshot of the Spotify website. The icon of three side-by-side dots is outlined showing its location on the bottom right side of the page.Screenshot of the Spotify website. The icon of three side-by-side dots is outlined showing its location on the bottom right side of the page.
﻿
From the menu that pops up, click "Share" and then "Embed track."
﻿
Screenshot of the Spotify website. The menus that open once the three side-by-side dots are clicked are shown.Screenshot of the Spotify website. The menus that open once the three side-by-side dots are clicked are shown.
﻿
﻿
SoundCloudBelow the sound bar, you'll see a row of buttons. Click "Share."
﻿
Screenshot of the SoundCloud website. The button to Share media is outlined, highlighting its location.Screenshot of the SoundCloud website. The button to Share media is outlined, highlighting its location.
﻿
A new window will appear. Ensure you're in the Share tab (not Embed!), and copy the URL in the link box.
﻿
Screenshot of the SoundCloud sharing interface. The URL field is outlined to indicate which field should be copied.Screenshot of the SoundCloud sharing interface. The URL field is outlined to indicate which field should be copied.
﻿
In the event you wish to have the media begin at a particular time, you can do so by checking the box next to the link text, and indicating the starting point.
﻿
Screenshot of the SoundCloud sharing interface. The timestamp field is outlined to indicate where the timing can be customized.Screenshot of the SoundCloud sharing interface. The timestamp field is outlined to indicate where the timing can be customized.
﻿
﻿
Video TutorialThe relevant section spans from 4:24-7:35.
﻿
https://youtu.be/XXsGweX2WNY?si=WOtpCVx1ahh2_Lyf&t=264
Video tutorial for embedding other types of media.Video tutorial for embedding other types of media.
﻿
﻿