Four Cool Ways to Incorporate Facebook Into Your Blog or Website

by Andrea Vahl · 38 comments

Diythemes facebook page

You know the power of Facebook.

Not only does it drive good traffic, it also allows you to interact with your loyal fans and customers (see how DIYthemes is it here).

The question is do you really want to spend time driving traffic to your site… just to send it off to Facebook?

Likely not.

So here are four great ways to build Facebook into your design without losing your readers.

1. Get More Facebook Likes With the Facebook Like Box

Yes, this isn’t a new tool… but it’s a great one.

The advantage of the Like box is this: people can like you without leaving your website.

To implement this on your site, just go to: http://developers.facebook.com/docs/reference/plugins/like-box and change the URL to your Facebook Page.

Then you can get a preview of how your Like Box will look after each setting adjustment. And when you get it the way you want it, click “Get Code.”

Text Widget WordPress

To get this into your blog, go to your Widgets section, add a new Text Box, and drop the code in the text box. It’s as easy as that, and people will be able to connect with you on Facebook without leaving your site.

Here’s an example of the Facebook LIke Box creator on that link I shared:

Facebook Like Box

2. The Facebook Like Button (and How It Drives Great Traffic)

Again, it’s not a super new tool, but you want to make sure you’re using it properly.

When you use the Facebook Like button (or the now defunct Facebook Share button), someone likes an individual post or individual page on your website or blog—they aren’t liking your Facebook Page.

Here’s how it works:

When someone clicks the Like button, a story will show up in their news feed saying that they Liked your post or website. This is great for driving traffic, but they won’t be connected to you on Facebook. They’ll still have to Like your Facebook Page separately… so much Liking to be done!

When you use Thesis, you can add the Like button by clicking one of the above two tutorials, or if you don’t, you can simply go to the Facebook developers section here: http://developers.facebook.com/docs/reference/plugins/like/

Or, if you prefer to go the plugin route, you can add something like the Facebook Like Button Plugin that shows the LIke at the bottom of every post: (editor’s note: that’s not recommended because plugins can be inefficient, and become outdated):

Facebook Like Button at Bottom of Post

3. The New Way to Get Facebook Likes: The Wibiya Toolbar

Have you ever visited a website, and saw a l ittle toolbar at the bottom of the site with a Like button in it?

That little toolbar is called the Wibiya toolbar, and it gives people lots of options to connect with you. They can Like your Facebook Page, see your stream, and even comment on your Facebook Page right from your website.

The downside is that many people don’t know about all the cool features unless they click the Facebook link at the bottom.

To find more more, check out the Wibiya website.

Wibiya Toolbar Picture

4. The Ultra-Powerful WordPress Commenting Plugin LiveFyre

You might have heard about the Facebook Commenting system, but I don’t recommend it, and here’s why:

  • People need to have a Facebook account to leave a comment.
  • When people leave comments, those comments are stored in the Facebook database… not yours

These are two major problems, and the happy solution is Livefyre.

This comment plugins awesome because you can tag your Facebook friends within the comments to draw attention to your articles. YOu can also easily post it easily to Facebook. And the best part? You own the comments… not Facebook.

The Livefyre plugin is a happy medium because people can login with Facebook or use an e-mail. To learn more, check out the Livefyre website.

Livefyre Facebook Comments

Social media is here to stay. Use it well and it will serve you up some fantastic traffic. Just don’t send them away from your website in order to connect with you on your social media platforms.

How about you? How do you use Facebook on your site?

About the Author: Andrea Vahl is a co-author of Facebook Marketing All-in-One for Dummies. She uses her improv comedy skills to blog as an entertaining character named Grandma Mary - Social Media Edutainer. She is also the Facebook Community Manager for Social Media Examiner. Connect with her at www.AndreaVahl.com

If you enjoyed this article, enter your email below to get free updates!

{ 38 comments }

MattReport

I’m a fan of the Disqus commenting platform myself.

Solid info here.

Andrea Vahl

Thanks Matt! I do like Disqus as well. I really liked Livefyre when it was installed on my own site but I had some issues with the SSL when I used it. Maybe someday I can get that figured out (when I have a spare moment LOL)

Annie Sisk

I use shareaholic, and it includes a like option as well as a share option AND a “send/post” function, too. (Among many, many others – you can see it on my site, linked above.)

Andrea Vahl

That’s a good one Annie! Nice site!

Online Piano Lessons by QM

I tried to implement the ‘Like’ button a couple of times but Facebook says I need to be a ‘developer.’ Any workaround to this?

Andrea Vahl

No you should be able to get the code easily. I can’t remember since it’s been so long since I did it but in any case it’s very easy to sign up as a developer – just an e-mail or text verification.

Liliana

I use the facebook like box on my blog, but I find that it mostly brings me the same people again and again.

How do I expand my audience base?

Brett

One word … WordBooker … free plugin for WordPress. Super useful. Does everything you could want to integrate WordPress and Facebook. However, it’s not for the faint of heart. It takes some technical know-how, but it’s well worth the effort. You can find it on the WordPress site at http://wordpress.org/extend/plugins/wordbooker/

Andrea Vahl

Thanks Brett! I’m not familiar with that one so I’ll have to take a look!

DanGarion

Big fan of Wordbooker. Been using it for probably about two years. Although I’d rather do the hard edits in my custom file than use the plugin to insert the Facebook likes. Wordbooker it great if you want to have your posts posted to your Facebook page though.

Rob @ Atlanta Real Estate

Those ways are cool and they indeed number in four.

Heureux

I’m using shareaholic too, but I will give a try to Livefyre if you say it’s great ^^

James

You mentioned “People need to have a Facebook account to leave a comment” but its the same thing with Livefyre. People have to have Livefyre or Facebook account in order to comment.

Andrea Vahl

True. My point was that they could just just have a Livefyre account if they didn’t want to have a Facebook account. Some people don’t want to sign up for Facebook just to leave a comment

Mtn Jim Fisher

very cool Andrea! was wondering about the Wibiya bar, and had never heard of the LiveFyre plugin.
gonna start using both and see what happens!

Mtn Jim
Legendary Social Media Curmudgeon (;-)

Sandy

Will have to check out Livefyre. Thanks for this post! :-)

Martyn Chamberlin

Could you elaborate on what you mean by the “now defunct Facebook share widget”? I’ve got that on my site and it doesn’t always show the number of shares … what’s going on there?

Andrea Vahl

Yes Facebook has stop developing the Share button and transitioned to the Like button. Here’s a good post on it: http://mashable.com/2011/02/27/facebook-like-button-takes-over-share-button-functionality/

Amandeep Singh

I am really liking Livefyre… one question I had… what if I keep it on my site and have some 100 comments made on Livefyre. Then if I remove this commenting system, will these 100 made in the time when it was live become a part of my default comments in Wordpress?

Andrea Vahl

Yes, you can always export your comments to a new system.

Amandeep Singh

Thanks for your reply Andrea :)

Jordan Kretchmer

Hey there, Jordan from Livefyre here. Really excited to see all the interest in our platform! And thank you Andrea for the great recommendation. Livefyre writes all comments back to your Wordpress database in real-time. That means that the instant you uninstall us (which we hope is never :) All of your comments will show up via the standard WP comment system. Please let me know if you have any questions, happy to help!

Jordan

Amandeep Singh

Hey Jordan :)

Thanks a lot for the detailed explanation and let me mention that Livefyre is an awesome commenting system that I have come across, thanks to Andrea and Thesis for bringing to my notice :)

I would be more than happy to cover LiveFyre on my blog and
I would be applying it to my comic related blog which is intended to have a great social media involvement :) This is exactly something that I was looking for as I earlier installed Facebook comments plugin but that does not keep the comments in the wp db.. :)

Thanks!!

DanGarion

Hey Jordan, what makes Livefyre different than Disqus?

Jim Jones

I would like to use Disqus or Livefyre, but I haven’t seen a way to remove the timestamp from comments. Does anyone know if this can be done?

Rod

Thanks for the great post Andrea, I have been considering which way to go with facebook. The other thing I have been thinking about is weather I need a pacific facebook page for my website.

Anna@GreenTalk

I have seen on some people’s site’s comments via facebook. Backtype use to incorporate twitter comments but it doesn’t work anymore. Does anyone know a plug-in that incorporates comments made of twitter and facebook to show up in your blog’s comment section.

I don’t like that you have to have a Facebook name to comment. Disqus doesn’t require this.

Anyone at DIY, is it possible to add a “subscribe to comment” so you can be emailed to see the evolving conversation?

Geoffrey Gordon

Andrea Vahl solid stuff, i have been struggling with how to resolve this exact issue, a clinet of mine recently came to me asking to install Facebook comments, Ill try Livefyre

Manish Patel

Thanks for the great post, I really like your suggestions about facebook.

susie@newdaynewlesson

Question about the LiveFyre plugin. If I activate it on my blog, what does it do with all my previous comments on posts before the plugin. Also do I then have to disable the commenting box I have or does it override it? Thanks.

Vijay Sharma

Hey, One thing I am still puzzled about. Is there any specific reason the examples are using IFRAME version of Facebook Social plugins and nor XFBML versions. I was thinking XFBML is the new way to go.
Correct me if I am wrong.

Vince

Hi Andrea,
Love your tips on FB integration. I’ll give LiveFyre a try. Thanks for sharing.

Ariffin

Actually, you don’t need Facebook account to comment via Facebook comment plugin, you can comment with Yahoo, Hotmail or AOL account and more to come in the future. (Facebook comment plugin can be easily configured to accept those login provider)

Raj @ Social Media News

thanks for the insightful mentions of the Facebook like box, i need to built it for my blog, should seriously consider working on it..

ron chordigian

thanks for this tip , it took me about 15 seconds to implement it…

Laura

Yes, I am looking for the same thing Anna is: a plug-in that incorporates comments made of twitter and facebook to show up in your blog’s comment section. I have many people comment just to the facebook page under the post that is linked there, I would love for something that easily allowed these comments to show up on the actual blog site…

cream rug

We wish to thank you all over again for the lovely ideas you offered Jeremy when preparing a post-graduate research as well as, most importantly, for providing all of the ideas within a blog post. Provided that we had known of your site a year ago, we may have been kept from the unwanted measures we were selecting. Thanks to you.

Australia NAATI translator

[...]very couple of websites that occur to be comprehensive below, from our point of view are undoubtedly nicely really worth checking out[...]