How to add Facebook Like and Share Buttons to Your Website

By: Corrie Davidson, 4 Jun 2010
Facebook-developers

The social networking behemoth Facebook offers a number of Social plugins to better connect your website with users and allow your content to spread organically. Below you will find links and information on how to take advantage of these features and where you can find plugins. 

  • LikeĀ Button - The Like button enables users to make connections to your pages and share content back to their friends on Facebook with one click. Since the content is hosted by Facebook, the button can display personalized content whether or not the user has logged into your site. For logged-in Facebook users, the button is personalized to highlight friends who have also liked the page.
  • Like Box - The Like Box enables Facebook Page owners to attract and gain Likes from their own website. The Like Box enables users to: see how many users already like this page, and which of their friends like it too; Read recent posts from the page; Like the page with one click, without needing to visit the page.
  • Log-In with Faces- The Login with Faces plugin shows profile pictures of the user’s friends who have already signed up for your site in addition to a login button.
  • Facepile- The Facepile plugin shows profile pictures of the user’s friends who have already signed up for your site.
  • Comments - The Comments Box easily enables your users to comment on your site’s content — whether it’s for a web page, article, photo, or other piece of content. Then the user can share the comment on Facebook on their Wall and in their friends’ streams.
  • Activity Feed - The Activity Feed plugin displays recent activity taking place on your site. Since the content is hosted by Facebook, the plugin can display personalized content whether or not the user has logged into your site. The activity feed displays stories both when users like content on your site and when users share content from your site back to Facebook. If a user is logged into Facebook, the plugin will be personalized to highlight content from their friends. If the user is logged out, the activity feed will show recommendations from your site, and give the user the option to log in to Facebook.
  • Live Stream - The Live Stream plugin lets users visiting your site or application share activity and comments in real time. The Live Stream Box works best when you are running a real-time event, like live streaming video for concerts, speeches, or webcasts, live Web chats, webinars, massively multiplayer games.
  • Recommendations - The Recommendations plugin shows personalized recommendations to your users. Since the content is hosted by Facebook, the plugin can display personalized recommendations whether or not the user has logged into your site. To generate the recommendations, the plugin considers all the social interactions with URLs from your site. For a logged in Facebook user, the plugin will give preference to and highlight objects her friends have interacted with.
  • SHARE – For those who don’t want quite as much intrusiveness, Share may be a good option.

Here is a good article from Mashable on How To Add Facebook Like Buttons to your WordPress Blog. They give you a few lines of code to edit your theme files as well as some suggestions for plugins for those who don’t want to mess with coding.

  • Like – This plugin supports multiple languages, gives a number of display options and can be shown at the top or bottom of a post, on pages and on the front page, all based on what settings you select.
  • Facebook Like Button – This plugin has a nice settings panel that makes it easy to see and adjust how you want buttons to appear.
  • Facebook Like Button Plugin – This plugin supports a shortcode, which means that you can indicate what posts to include a button on or not, in the post itself. You can also set default global options.
  • Facebook Social Plugins – It has the standard Facebook “Like” button options similar to the other plugins, but it also includes widgets that support other Facebook social plugins.

Blogger Will Francis provides this step-by-step guide for adding the Facebook Like button code to your Tumblr blog.

______________________________

You may also be interested in:

Facebook: Like

Facebook Ditches Fans in Favor of Likes

Tags: , , , , , , ,

2 Responses to “How to add Facebook Like and Share Buttons to Your Website”

  1. Corrie says:

    For more info regarding Facebook and its “Like” feature, check out this article:
    Facebook Like: an online retail case study
    http://econsultancy.com/blog/6074-facebook-like-an-online-retail-case-study

  2. [...] How to add Facebook Like and Share Buttons to Your Website [...]