Test Story #1: Social media embeds

Samples of embedding social media in a story from our friends at WTTG in Washington, D.C.

We set out to see what happens when you embed Facebook, Twitter and Instagram widgets-- and of course YouTube videos-- on our new website. What happened?

Well, if you start up high, it works well and doesn't appear right next to the images. Here's a Facebook widget:

 

Show us in one photo what you think needs to change in America and your photo could be featured in the first Republican presidential debate. Submit it here: http://bit.ly/1H4seMVDon’t miss the Fox News-Facebook debate live from Cleveland August 6th on Fox News Channel!

Posted by FOX 10 Phoenix on Friday, July 31, 2015

A Twitter post:

The code gets a little messy when you use all of them at once. This is about the point where your widget will conflict with the inline photos widget (photos you've added to a story). But it's probably rare you'll use this many.

This is an Instagram photo embedded.

 

#monsoon headed toward downtown Phoenix

A photo posted by FOX 10 Phoenix (@fox10phoenix) on

 

A YouTube video
"Finally, a YouTube player. Seems like the issue is competing with the photo(s) you add to the story, so getting the widget above or below them is best. Make sure to put some space between your text and where your widget begins by hitting return in the body field."

Also, use a responsive embed code!

NO MORE UTILITY BLOCKS!!

Up Next:


  • Popular

  • Recent

Stories You May Be Interested In – includes Advertiser Stories