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:
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)
— Kimberly Reynolds (@QRKim) October 1, 2013
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”.
Then you simply, copy the embed code and add it to your page or post.
Embed From Google+:
The process is roughly the same as with Facebook. Select the embed post option from the drop down menu:
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.
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.
Then you grab the embed code and insert it into your page/post wherever you want ti to appear. Twitter is super easy!
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!