15 Simple Ways to Integrate Facebook into Your Website

Mahatma Gandhi once said, “First they ignore you, then they laugh at you, then they fight you, then you win”. Facebook stands as the contemporary example that proves the quote so right. When Myspace was at the top people ignored Facebook, then they laughed at their ambitious plans to become a platform, they fought against privacy issues and despite all that Facebook has won fair and square.

Since now that it is clear we can’t beat them it is time to join them. There are umpteen number of ways to plug websites of any shape & kind into Facebook thereby nurturing a community, encouraging conversations, improving user engagement and increasing page views.

The choicest options and tools to tap into the billion eyeballs audience are coming up after the jump.

Facebook Like Button

Facebook Like

Facebook Like

Eventhough it is called the Like “Button”, it is quite  capable of performing a lot of social networking weight in your blog or web page. Like box is a Facebook Connect enabled social widget that Fan Page owners can add to their websites to allow visitors to become a fan and view the accompanying Facebook Page stream.

Like Box Setup

Like Box Setup

You can add the Facebook Fan Box in just a few easy steps and by copy pasting few lines of JavaScript in your website. The code is readily available from your Facebook fan page – just click on Add Fan Box to your site underneath Promote this Page on your website section of your profile page.

Additional features like size of the box, including the stream of recent posts as well as a list of fans can also be customized. Like Box also allows the visitor to log in and become a fan directly from your web page as well.

DISQUS

DISQUS

DISQUS

DISQUS is a problem solver app. It helps you deploy a remotely & independently hosted commenting system across multiple blogging platforms like WordPress, Movable Type, Tumblr, Blogger, Drupal and many more. Visitors can login via Facebook Connect to comment in your posts.

Every time a visitor leaves a comment, they can easily share the discussion happening on your site to friends and followers at Facebook, easily spreading the discussion across the social web all the while bringing new traffic back to your site

Echo

Echo

Echo

Echo is the new generation commenting system that enables you to watch the live reaction for your content in your blog. Just embed their HTML code in your site and voila! visitors now can login using multiple identities including Facebook, keep track of contributions and engage in parallel conversations.

IntenseDebate

IntenseDebate

IntenseDebate

Now owned by Automattic, the company behind the wildly popular WordPress bloggig platform, IntenseDebate is a hosted commenting solution ala. DISQUS. Once the plugin is installed in your WordPress, Tumblr, Blogger or Movable Type blog, users can login via Facebook Connect (among other options), comment on your posts and share them in their Facebook news feed.

WP-FacebookConnect

WP-FacebookConnect is a free WordPress plugins allows user login via the Facebook Connect APIs. With this plugin, users can publish their comments in their news feed and have their profile picture show up as Avatar alongside the comments in your blog.

Facebook Dashboard Widget

Are you a professional blogger busy enough to be not able to keep track your friends and family? This WordPress plugin will process the status updates of your friends, your posted items feeds, your Facebook notifications feed and will display them all in their own little widgets right in your WordPress admin dashboard.

Fotobook

Are you a photography enthusiast with a great collection of pictures in your Facebook account and do not want to go through the hassle of uploading the same images again to post in your blog? Fret no. Fotobook is here for your rescue.

Fotobook is a free plugin that will link to your Facebook account via Facebook APIs and import all of your photo albums for use in your WordPress blog. Once the pictures are imported, you can choose & post individual pics just like the way you normally do from the media library.

Fotobook can import photos from multiple Facebook accounts and is also capable of displaying random images in your blog as a sidebar widget.

Gaboinked!

Looking forward to gain some blog cred by pushing yourself as the brand icon? GO for Gaboinked! WordPress plugin. Gaboinked! lets you display your Facebook Badge Plugin in the side bar of the blog complete with your profile pic,name, official website etc. There is absolutely no need to insert any HTML or javascript code at all. Now you can claim to be the legitimate owner of the sweet little blog of yours.

WPBook

Unlike a lot other WordPress plugins which tend to be focused in half duplex connectivity by either importing your Facebook news feed to your blog or your blog posts to your Facebook feed, WPBook helps you go full duplex.

With this free plugin enabled you can pull recent blog posts from your blog in to Facebook, and allow Facebook users to add their comments. Once the comments are added in Facebook, they automatically show up on your blog and vice versa. Your visitors and You as well, do not have to follow the same conversation in two places, WPBook syncs parallel conversation into a single stream on both ends. Users can also invite their friends to check out your blog thanks to WPBook.

Drupal Facebook Connect

As the name suggests, Drupal Facebook Connect is a module (plugin) allows users to login on a Drupal website through the Facebook Connect API.

With the help of this module, visitors can see which of their Facebook buddies already have an account on your Drupal website, invite those who are not on board yet and can tell the world that they part of your Drupal fraternity via a customized message on their Facebook feed.

Drupal for Facebook

Unlike Drupal Facebook Connect which has a limited mandate, Drupal for Facebook is an ambitious project under development. Drupal for Facebook is actually a collection of modules and themes that can turn Drupal into a platform for developing Facebook Applications.

On top of allowing users to login & mingle via FB connect, this project empowers you to embed your content and features within Facebook. Advanced Drupal users can implement Drupal’s user management, permission schemes, blocks, views, etc. in their Facebook App

Joomla Facebook Fanbox

Also known as the Like Box, this module allows visitors to like the Joomla site, see which friends are already in the community and read recent posts from the Facebook fanpage

Facebook Buddy Module

Just like it’s peer plugins, Facebook Buddy Module allows the visitors to view their Facebook friends along with their profile pictures and status messages on your Joomla website.

KA Facebook Fanbox Pro

Just like the rest of the fanbox modules (plugins), KA Facebook Fanbox Pro also has the standard set of features. The USP of this module is its ability to extremely customize the fanbox to your tastes. You can choose custom border & background colors, select a font that fits your theme, limit the number of fans displayed, control the stream s and many more. Multiple languages are supported for international users.

Facebook Connect Wizard

Facebook Connect Wizard is the easiest possible way to integrate FB Connect to your website allowing users to login without having to create an account at your website at all. With the help of this wizard, integrating FB Connect is just three steps away for developers and non developers alike.

You can start by registering your URL and uploading a file to your server to enable interaction between your site and Facebook Connect. After doing that, find the relevant code samples, buttons and integration tools you want from the Playground for Facebook Connect to add on the back end of your site. And before you know it, you will have a quick & inexpensive way to create an userbase.

Custom Code

Ready made solutions mentioned above don’t cut it for you? If so and if you are a well versed programmer, you can start exploring the Facebook for websites at the developer Wiki. You can test your programming and integration chops by implementing social plugins, single sign-on, capture account registration data etc.

Hardcore developers can dive into server side personalization to increase user engagement on your site by personalizing the content on your site to a user based on his or her social graph.

Once your app is up-and-running, it is now time to harvest some useful analytics information to fine tune your service. Insights helps you get detailed analytics about the demographics of your users and how users are sharing from your application with others.

Is there another solution that would make Facebook integration in websites easier and would make this list complete? Share your thoughts and opinions in the comments section.

Portion of intro. image by SmallBuck.com


  • http://digitalsimple.info Sherman B

    I’m a fan of Gigya myself. Great integration to wordpress websites

    • Lidan Hu

      I agree!

      • http://www.maureenolih.com/ maureen

        me 3!

  • http://www.loopholestudios.co.uk/ Onder Vincent Koc

    Cant wait to start using these… nice compilation guys!

  • http://westcoastdesignco.ca Jayson Brown

    If using WordPress,

    I recommend snagging your Group / Pages RSS feeds then embedding them with Feed WordPress directly to Posts, then the Permalink back to Facebook.

    Source: http://wcdco.info/aH

  • Pingback: 15 maneiras fáceis de integrar o facebook com o seu website! - gabriellobato

  • http://www.websitesweb.co.cc Darshan

    very nice

  • http://krike.cmstutorials.org krike

    nice list, thanks for sharing :)

  • Pingback: Best of AppStorm in August

  • Pingback: Jonas Heide Smiths notesblog » Blog Archive » Mine seneste 10 links

  • http://fanpagebookie.com FanPageBookie

    Thanks I have been looking for a way to add my facebook page to my site. Thanks again

  • Pingback: 15 maneiras fáceis de integrar o facebook com o seu website! » gabriellobato -

  • http://www.baked.thecomicseries.com Will Radie

    You know, I always wondered why you dont use DISQUS here on your own site. It’s brilliant and is EXTREMELY helpful in building solid communities through comments.

    Come on,, add it up here.

  • http://www.ethio2k.com San

    Iam looking for a photo album in which I can share my photos from facebook in to my website..I found some commercial extensions for Joomla. But looking for a free version.
    Thanks

  • Kristian

    Don’t forget that you have to add your site into facebook if you use pages. There are a couple of apps to do that. http://goziq.com is one

  • Carrie

    Thank you so much! It seems such a simple thing to show our business page status updates on our website but it wasn’t until I read this post that I was actually able to find what I needed.

  • Pingback: Integrating Facebook content into your website | Digital TrendCatchers

  • Pingback: The Best Web Apps of 2010 « Mike Slagmolen

  • Pingback: 15 Simple Ways to Integrate Facebook into Your Website | Vihaan Web Solution's

  • http://fifasuperstarshack.blogspot.com/ Fifa

    Very nice and helpful! Thanks!

  • http://www.carlzetterberg.se Carl Zetterberg

    Nice list! I like Disqus very much!

  • Julie

    Is it possible to have feeds from multiple fan pages appearing in one module I can embed on a site?

  • http://www.wingsandwealth.com Devin

    Brilliant list, Justin..

    I’m no expert (yet!) but it seems to me that all of these will still index your comments on facebook, and not on your own site. What do you think?

    (I wish I could draw my facebook posts onto my site – copy, not embed – so that they get indexed on my own site.)

    Would appreciate your feedback.

    Thanks .. Devin

  • jpreddy

    Very useful and great information.

  • http://www.srbijazatebe.rs/ Dejan

    Hi.

    Is there some option, when commenting something on a web page via facebook commenting aplication to automatically choose particular image (from the same web page) that’s supposed to be placed on the facebook profile wall together with the comment???

  • http://phill.co Phill

    This post is 2 years old, a lot has changed since then, what should we be thinking about now?

  • http://www.codeofaninja.com Mike
  • Pingback: Can I put the facebook feed of a company I follow onto an external site? - Quora

  • http://www.i-ad.zxq.net Bravo.I

    Theres one that can beat facebook now… G+

  • diva

    Can I make people see my Facebook group updates on my blog?
    from where I can get code of my facebook group?

  • Roshan

    Does this work on my own website like xyz.com? Or works on wordpress,blogger,etc hosted blogs.

  • Pingback: Embed almost any content on your website or blog | The Opening Batsman

  • http://learningenglish.mhusnithamrin.com Husni

    I am a new blogger. I would like to know how to integrate my Facebook and my blog. thanks for the very best info you shared..

  • Pingback: Get Your Site “Liked” « J. M. Caleb Goodwin

  • http://blog.vs-net.eu Red Coder
  • http://www.irishwebexperts.com Paul

    Nice post. Good reference for facebook integration. Thanks.

  • http://www.jeaniousdesign.ca Jean

    Will this work with WIX.com websites?

  • http://sacs-cuir-pas-cher.com/ Repliques Sacs

    Fotobook is a convenient plugin that saves me a lot of time to transfer those pictures ever uploaded onto FB to my own blog. Nice feature, haha!

  • Lotusdog

    I would like to add Facebook to a Yahoo Pipe

  • http://www.bizzlebox.com Costa Rica Web Design

    I would like a variation on this widget that shows ‘recent posts by others’. Does anyone know if this exists?

    Thank you

  • Pingback: Web » Social Media

  • Pingback: Web » JavaScript & Social Media: Grab, Drop, Set & Enjoy (Module 12)

  • Blue River

    How did they do the simple facebook and twitter feed on howlerbros.com?

    That is what i am looking for….

    any ideas?

  • ankush

    great post but misleading. Topic should be 15 CMS that can integrate facebook.

  • sunil

    great!

  • Ryo Chiba

    Another cool tool that you forgot to mention here is Tint. It’s an easy way to show your facebook posts in a visual way, and you can check it out at http://www.tintup.com

    I’ve set it up on my site and it’s quite pretty.

    • eleanor robinson

      Please put icon on web page

theatre-aglow
theatre-aglow
theatre-aglow
theatre-aglow