Follow

How To: Embed Third Party Content

We have two ways of looking at third party embeds on the Tempest platform: deep vendor integrations and javascript/iframe integrations.

 

Deep Vendor Integrations

Tempest has a built-in embed tool that supports a strict list of vendors. The embed tool allows for direct native integrations for more simple and common embeds (Instagram, Twitter, YouTube). The tool also integrates with third party services to adopt new vendors quickly, which may or may not be more complex (Spotify, Storify).  Since we have a deep integration with these vendors, we simply only request that a URL be provided ie. Youtube video URL. This means the user is not required to find the JavaScript or iframe embed, they just copy and paste the URL and Tempest handles the rest.

The supported vendors are listed below:

  • Brightcove
  • Facebook
  • Instagram
  • JW Player
  • Javascript Tag
  • Kaltura
  • Kickstarter
  • Livestream
  • Pinterest
  • Polldaddy
  • RewardStyle
  • Scribd
  • Slideshare
  • Soundcloud
  • Spotify
  • Storify
  • TED
  • TikTok
  • Tumblr
  • Twitter
  • Vimeo
  • YouTube


Javascript/Iframe Integrations

If you want to include an embed from an unsupported vendor, you can opt to use a standard JavaScript or iframe embed. These integrations have not been thoroughly tested, optimized and/or designed. We do our best to render these on the platform but are not accountable to validate that the embed works everywhere since these vendors are not officially supported. 

 

Embedding Third Party Content

To learn how to embed third party content, follow the steps below or watch the video tutorial here:

For a larger version of this video, click here.

 

Step 1

Click into an empty paragraph and hover your mouse over it. In the right hand you will see a + icon.

Click_the_Plus.png

 

Step 2

Click on the + icon to open up a menu of embed options. Select the "embed" option.

Click_Embed.png

 

Step 3

This opens a window where you can add a specific snippet for deep integrations or just a generic iframe or JavaScript tag. Once the proper snippet is added, click "insert".

Insert_Embed_Here.png

Step 4

Your embed is ready! Please note that all third party embeds are formatted as "Inline" by default. 

Done.png

 

HTTPS and Embeds

The prerequisite to serving an entire website on HTTPS is that all items the site contains are also secure. This means all images and embeds should be served over HTTPS. This is why the CMS will not allow non-HTTPS embeds to be added as this will prevent your content from being secure once we fully migrate all sites on Tempest to HTTPS.

For more information visit our Help Center FAQ on HTTPS and HTTP/2.

 

 

Editing an Existing Embed

Step 1

When editing an article with an embed, hover over the embed with your mouse to make an icon of a pencil appear in the bottom right corner. This is the edit button.

Pencil.png

 

Step 2

Clicking the pencil will open up a small menu with two options. Clicking the small "i" symbol will let you replace the embed currently in that slot with a different one. Clicking the trash can symbol will delete the embed altogether.

Edit_Embed.png

 

 

Adding Multiple Third Party Embeds

We currently do not offer an easy way to upload embeds in bulk. Our embed widget is really intended to handle one embed at a time. This also ensures that the items are displayed properly to the reader with spacing in between.

 

Third Party Embeds and Syndication

The embeds supported in syndication channels are defined by those channels. We try our best to stay up-to-date on what is supported and to optimize accordingly. That said, what these channels do and do not support is ultimately at their own discretion.

 

Facebook Instant Articles and Third Party Embeds

Social embeds and interactive graphics that are in the web versions of articles can also be included in Instant Articles. These embeds can include custom interactive media, third-party video players, social media (such as Facebook posts, Instagrams, Tweets, YouTube videos or Vines) and other <iframe> media elements.

 

AMP and Third Party Embeds

We support a wide range of embeds in the AMP environment, including Instagram, Twitter, Facebook, Youtube, Vimeo, Vine and standard iFrame embeds. Any embeds that are not supported are a result of AMP not providing support and not a Tempest limitation.

 

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.
Powered by Zendesk