How To Embed Content From Twitter, Facebook and Google+ Posts

533 Shares 533 Shares ×

how-do-i-embed-content

Have you ever watched a video on a web page?  Or a tweet right in the middle of a blog post?  Have you wondered how you can add that type of interactive content on your own site?  Well you’re in luck!  I am going to show you how.

What is Embedded Content?

Embedded content is bits of information that you add to your blog post or website from another website.  Instead of using an iframe to pull in entire pages, you can now just add targeted pieces.

Using embedded content not only adds a bit of spice to your page, it is also a great way to cross-pollinate your social media networks.   For instance, you may have a blog post that was shared on Twitter.  In that post is an embedded Google+ post.  Now you have organically exposed your Twitter follower to your Google+ presence.

Who Has Content To Embed?

There are all types of embedded content and most of the major and not so major social networks provide a means of embedding their content.  Some are easier and more seamless than others.  In this article, I am going to give you examples from my top 3:  Facebook, Google and Twitter, though many more networks come to mind, such as:

  • Facebook
  • Google+
  • Twitter
  • Instagram
  • Vine
  • YouTube
  • Pinterest

What Does Content Look Like When It Is Embedded?

Here are three examples of embedded content so you can have an idea how each looks compared to the other.

Facebook (tends to load last, if at all!)

Google+ (may not render nicely on mobile responsive websites)

Twitter (piece of cake and just as pretty)

 

How Do I Embed Content?

Using embedded content is super easy.

Embed From Facebook:

You simply click on the drop-down menu on your post.  Select “Embed post”.

How-to-embed-Facebook

Then you simply, copy the embed code and add it to your page or post.

Facebook-embed-code

Embed From Google+:

The process is roughly the same as with Facebook. Select the embed post option from the drop down menu:

Google-embed-post

Then you select the embed code. The difference with Google is that you have to insert code in two different files – but only if you do not have the +1 button already installed.

google-embedded-code

If you do have it installed (and I HIGHLY recommend you do), simply insert the second set of code where you want it to appear on your page/post. If you are nt sure, then insert the code into your page/post and review. If it shows up, you are good to go. If not, then select the first set of code and insert it into the header of your theme, as per the instructions.

Embed From Twitter:

If you use WordPress, you can probably just insert the tweet url.  Otherwise, you can go to the tweet you want to embed, click the drop down.

how-to-embed-tweet

Then you grab the embed code and insert it into your page/post wherever you want ti to appear. Twitter is super easy!

embed-code-twitter

Summary

It’s easy to embed content is an easy way to give your readers a richer reading experience.  Next time I am going to show you how to add Pinterest pins and a couple other less intuitive types of embedded content to your site.  Check back for a video tutorial also!  <– Hey, I’ll even embed the YouTube video!

Have you tried embedded content?  Do your readers like it?  Let me know your experience in the comments!

The post How To Embed Content From Twitter, Facebook and Google+ Posts appeared first on SocialNotz.

533 Shares Twitter 342 Facebook 59 Google+ 52 LinkedIn 38 StumbleUpon 0 Pin It Share 7 Email -- Buffer 35 533 Shares ×
Kimberly Reynolds
Kimberly Reynolds is a social media and mobile marketing consultant that transforms ordinary websites into powerful marketing machines.  A serial entrepreneur since she was 12, selling books door-to-door, she now trains small business owners on how to leverage social media and the mobile web to attain financial freedom.  If you are interested in how to use social media to outshine your competition, visit her website for a free social media analysis and social media training. Also, visit her on Google.
Kimberly Reynolds
Kimberly Reynolds
Did you enjoy this article? Sign up for daily SteamFeed content in your email inbox!

Enter your email address:

Comment below:

Loading Facebook Comments ...
533 Shares Twitter 342 Facebook 59 Google+ 52 LinkedIn 38 StumbleUpon 0 Pin It Share 7 Email -- Buffer 35 533 Shares ×

Like us on Facebook

Close