Which oEmbeds are supported in Arc XP?
Arc XP supports many oEmbed sources out of the box using the “Social URL” content element in Composer.
What is an oEmbed?
An oEmbed is provided by content sites such as Facebook and Twitter to allow you to embed its content types (videos, images, playlists, and more) on your website. Content providers such as TED must provide an oEmbed service and oEmbeds for its different types of content. For example, in September 2021, Facebook stopped supporting oEmbeds for comments on posts, and as a result, we cannot provide that type of oEmbed.
oEmbeds are an alternative to HTML embeds. This way, your users don’t have to copy and paste HTML from these places; they can just copy a link. For example, instead of locating, copying, pasting, and verifying HTML embed code from Twitter, you could copy and paste the tweet link into the Composer Social URL content element, embedding the article with a preview in Composer using oEmbeds.
How do I add an oEmbed to Composer?
Copy the link to that particular piece of content and paste it into the pop-up for the Social URL content element. A preview of the embed appears in Composer.
What’s the difference between embedding in Composer using the Social URL embed and the HTML embed?
When adding social items such as a tweet, Instagram post, or YouTube video, adding the content through the social URL element is preferred. Generally, it offers more benefits than pasting it in an HTML element. For example, social media elements typically do more “behind the scenes” because they are referents, and it is simpler to search for social media elements than HTML.
What oEmbeds are supported by Composer?
Composer supports the following list of elements.
| oEmbed | oEmbed URL and example URLs | Notes |
|---|---|---|
| DailyMotion videos | oEmbed URL -https://www.dailymotion.com/services/oembedExample URLs • https://www.dailymotion.com/video/abcdef• https://dai.ly/abcdef | |
| Facebook posts (activity, photos, media) and videos | Facebook post oEmbed URL - https://graph.facebook.com/v8.0/oembed_postExample URLs • https://www.facebook.com/username/posts/123456789• https://www.facebook.com/username/activity/abcdef• https://www.facebook.com/username/photos/abcdef/• https://www.facebook.com/username/permalink.php?story_fbid=123456789• https://www.facebook.com/username/media/albums/abcdef/Facebook video oEmbed URL - https://graph.facebook.com/v8.0/oembed_videoExample URLs • https://www.facebook.com/username/videos/123456789/• https://www.facebook.com/watch/abcdef• https://www.facebook.com/video.php?v=abcdef | Facebook supports oEmbeds for only posts (activity, photos, media) and videos. Arc XP does not support Facebook Pages oEmbeds To obtain the URL of a Facebook post, follow these steps. 1. Click the three-dot menu on the post and select Embed Post. 2. Click Advanced Settings. 3. Copy the URL of post field. |
| Flickr videos or images | oEmbed URL -https://www.flickr.com/services/oembed.json/Example URL - https://www.flickr.com/photos/username/123456789 | Use the full Flickr URL instead of the abbreviated format. |
| Instagram images and videos | oEmbed URL -https://graph.facebook.com/v8.0/instagram_oembedExample URL - https://www.instagram.com/p/abcdef/ | As of October 2021, Instagram deprecated IGTB and now supports only video post oEmbeds. |
| Issuu documents | oEmbed URL -https://issuu.com/oembed_wpExample URL - https://issuu.com/username/docs/document-title | |
| Kickstarter projects | oEmbed URL -https://www.kickstarter.com/services/oembedExample URL - https://www.kickstarter.com/projects/projectname/abcdef | |
| Mixcloud music | oEmbed URL -https://www.mixcloud.com/oembedExample URL - https://www.mixcloud.com/username/show-title | |
| PollDaddy polls or surveys | oEmbed URL -https://polldaddy.com/oembed/Example URLs • https://polldaddy.com/poll/abcdef• https://poll.fm/12345678 | If the URL loads a script usingdocument.write, polls will not consistently render on a React site. Details and alternatives for your script can be viewedhere. |
| Reddit posts or comments | oEmbed URL -https://www.reddit.com/oembedExample URL - https://www.reddit.com/r/subreddit/comments/abcdef/title/ | |
| SlideShare presentations and slideshows | oEmbed URL -https://www.slideshare.net/api/oembed/2Example URL - https://www.slideshare.net/username/presentation-title | |
| SoundCloud tracks, albums, and playlists | oEmbed URL -https://soundcloud.com/oembedExample URL - https://soundcloud.com/username/abcdef | |
| Spotify songs, albums, artists, playlists, podcasts, and podcast episodes | oEmbed URL -https://embed.spotify.com/oembed/Example URL - https://open.spotify.com/track/abcdef | |
| TED Talk videos | oEmbed URL -https://www.ted.com/services/v1/oembed.jsonExample URL - https://www.ted.com/talks/speaker/title | |
| TikTok posts | oEmbed URL -https://www.tiktok.com/oembedExample URL - https://www.tiktok.com/@username/video/123456789 | oEmbed functionality was released with TikTok 1.48.9. |
| X (formerly Twitter) tweets | oEmbed URL -https://publish.twitter.com/oembedExample URL - https://twitter.com/username/status/123456789 | |
| Vimeo video | oEmbed URL -https://vimeo.com/api/oembed.jsonExample URL - https://vimeo.com/123456789 | |
| Wordpress.tv video | oEmbed URL -https://wordpress.tv/oembed/Example URL - https://wordpress.tv/some-event/ | |
| YouTube videos and playlists | YouTube video oEmbed URL - https://www.youtube.com/oembedExample URLs • https://www.youtube.com/watch?v=abc123• https://youtube.com/watch?feature=share&v=xyz456• https://m.youtube.com/watch?list=uvw789&index=1YouTube playlist oEmbed URL - https://www.youtube.com/oembedExample URL - https://www.youtube.com/playlist?list=abcdefgYouTube short URL oEmbed URL - https://www.youtube.com/oembedExample URL - https://youtu.be/abcdef | Some videos might not function due to licensed content restrictions. |