Embed social media content on your newsroom page

To embed Facebook, X (Twitter) and YouTube content on your Pressroom page, you usually use the embed codes or developer widgets provided by each platform. Here is a step-by-step guide for each platform:

IMPORTANT REMARKS:

– Privacy settings: Make sure that the content you want to embed is publicly accessible.

– Size: Set the height and width of all embeds to 350px x 350px to ensure consistent sizing across platforms.

YouTube

YouTube allows embedding videos directly via its Share function.

1. Get the embed code:

Go to the YouTube video you want to embed.
Click on the “Share” button and then select “Embed”.
Copy the HTML code provided.

2. Paste the code into the feed code text area:

Paste the copied code directly into your feed code text area on the External Feeds page under the YouTube tab.

Example code:

<iframe
  width="350"
  height="350"
  src="https://www.youtube.com/embed/Luvk3rBqwKc?si=iahlxGo_75Dkswz6"
  title="YouTube video player"
  frameborder="0"
  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
  referrerpolicy="strict-origin-when-cross-origin"
  allowfullscreen >
</iframe>

X (Twitter)

X is an easy way to embed tweets or timelines.

1. Go to the Twitter publishing tool:

Visit the Twitter Publish Tool(https://publish.twitter.com/).

2. Select the type of content:

You can embed a tweet or timeline
Enter the URL of the tweet, profile or list.

3. Customize the widget:

Select display options such as light/dark theme, width and height.

4. Copy the embed code:

Paste the copied code directly into your feed code text area on the External feeds page under the Twitter tab.

Example code:

<blockquote class="twitter-tweet">
 <p lang="en" dir="ltr">
  <a class="twitter-timeline"
     data-width="100%"
     data-height="350"
     data-theme="dark"
     href="https://twitter.com/nasa?ref_src=twsrc%5Etfw">
  </a>
 </p>
</blockquote>
<script async src="https://market.newsmachine.com/wp-content/litespeed/localres/aHR0cHM6Ly9wbGF0Zm9ybS50d2l0dGVyLmNvbS93aWRnZXRzLmpz" charset="utf-8"></script>

Facebook

You can embed a Facebook page, post, video or other content using the Facebook Page Plugin or Post Embed.

1. Go to the Facebook embedding tool:

Visit the Facebook Page Plugin ( https://developers.facebook.com/docs/plugins/page-plugin/ ) to embed a page (timeline).
Visit Facebook embedded posts ( https://developers.facebook.com/docs/plugins/embedded-posts/ ) to embed posts.

2. Create the embed code:

Enter the URL of the page, post or video you want to embed.
Customize width, height and other settings as needed.

3. Copy the code: Facebook will provide an HTML iframe code.

Paste the copied code directly into your feed code text area on the external feeds page under the Facebook tab.

Example code:

Important note: Change data-tabs=”timeline” with data-show-posts=”true”

<div class="fb-page" 
  data-href="https://www.facebook.com/nasa" 
  data-show-posts="true" 
  data-width="350" 
  data-height="350" 
  data-small-header="true" 
  data-adapt-container-width="true" 
  data-hide-cover="false" 
  data-show-facepile="true">
 <blockquote cite="https://www.facebook.com/nasa" class="fb-xfbml-parse-ignore">
  <a href="https://www.facebook.com/nasa">NASA - National Aeronautics and Space Administration
  </a>
 </blockquote>
</div>

Please get in touch with us if you need further help!

Tags: