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.

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.

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