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:


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 “[]/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=“[]”></div>


  • 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 ( or need web support for the Media Center, submit a support ticket.

Contact the Media Center

Media Center Director, Professor Christina Bellantoni
(213) 740-3874

Annenberg Media Executive Editor, Kaidi "Ruby" Yuan ('20)

Annenberg Media Assignment Desk:
(213) 740-3847

For equipment-related issues:
(213) 740-5739