USC Annenberg Media Resources

How to embed social media posts on the website

Here’s how to embed social media on the USC Annenberg Media site:

Twitter:

Facebook videos:

  • Do not select the embed code from Facebook.
  • Instead, paste the following FB video code into the WP ‘text’ pane: <div class=”fb-video” data-allowfullscreen=”true” data-href=“{PATH}” data-width=”500″></div>
  • Replace {PATH} with the path to Facebook video, ex: if the URL is “www.facebook.com[facebook.com]/wweek/videos/10153491916794753/”, replace {PATH} with “/wweek/videos/10153491916794753/”

Facebook posts:

  • Do not select the embed code from Facebook.
  • Instead, place the following FB post code into the WP ‘text’ pane: <div class=“fb-post” data-href=“{URL}”></div>
  • Replace {URL} with the full URL to the desired Facebook post, ex:  <div class=“fb-post” data-href=“https://www.facebook.com/wweek/posts/10153503794474753[facebook.com]”></div>

Instagram:

  • Copy embed code to Instagram post, and paste into WP ‘text’ pane. Wrap the entire embed code in <div> tags: <div>{EMBED CODE}</div>
  • In the first <div> tag, specify the height of the post. 770px is standard: <div style=“height: 770px”>

About This Site

This is a resource hub to help student reporters at the Annenberg Media Center.

Upcoming Events

There are no upcoming events at this time.

Contact the Media Center

General inquiries:
mediacentereditors@gmail.com

News / TV inquiries:
213 740 3847
213 821 8477
213 821 8888

Radio inquiries:
213 740 1079
213 740 8008

For equipment-related issues:
213 740 5739
ascequip@usc.edu
annenbergtechops.com