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.

If you’re new to the Media Center, check out this one-page guide to see what it’s all about.

Need Technical Support?

If you are having trouble with the Media Center main website (uscannenbergmedia.com) or need web support for the Media Center, submit a support ticket.

Contact the Media Center

Media Center Director, Professor Christina Bellantoni
bellanto@usc.edu
(213) 740-3874

Annenberg Media Executive Editor, Kaidi "Ruby" Yuan ('20)
kaidiyua@usc.edu

Annenberg Media Assignment Desk:
(213) 740-3847

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