How to Add Facebook’s Like Button & Social Plugins to Your Web Pages & WordPress Posts

Facebook’s new Open Graph protocol is now official, having been announced and launched this past Wednesday at the Facebook f8 Conference. It is the successor to Facebook Connect which will be slowly phased out, and it is a big improvement, making it much easier to “socialize” your Web pages into Facebook’s hyper-expanding social network.

I must admit it was hard to sit still at the f8 conference after Mark Zuckerberg made the announcement in his keynote address and I attended a couple sessions that delved deeper into the Social Plugins and the Open Graph protocol. As soon as possible, which happens to be today, I decided to start experimenting by adding some social plugins to my WordPress blog.

I decided I could save others a lot of time if I wrote up a tutorial. So here it is….

Adding the Facebook Social Plugins to your Web Page or Blog — XFBML or iFrame?

Facebook offers two methods to add their social plugins to your Web page or blog posts:

  1. A simple iframe which can be easily dropped into the Web page code;
  2. The <fb:like> XFBML tag, which requires that your page/post make a call to the JavaScript SDK and that your page be set up as a Facebook application (quite easy).

I decided to go the XFBML route which, although a bit more complicated, is more feature rich than the iframe method. For example, after clicking on your Like/Recommend button, the user can add a comment to the profile post.

If you’d be happy with the simpler iframe method, there are already several WordPress plugins to add the Like button.

Create an Application – Tell Facebook Your Website, Web Page or Post is an Application

The Web page or blog post to which you will add Facebook’s social plugins or other features that interact with Facebook’s Graph API will be viewed by Facebook as an “application,” which allows the page or post to use the JavaScript SDK. Here is the drill:

Previous Top 10 FREE Coming Soon Wordpress Themes
Next Top 5 Live Chat Software For Your Website

About author

Jarrett Gucci
Jarrett Gucci 289 posts

Jarrett Gucci is the owner of Dynasty Web Solutions. A full service Internet presence provider specializing in WordPress development for business owners. Jarrett Gucci along with his team of professionals have designed over 400 WordPress websites. Jarrett Gucci believes strongly in creating websites that are unique, functional and generate referrals.

You might also like

WordPress Plugins 0 Comments

5 Top WordPress LinkedIn Plugins

ContentsLinkedIn Share Button:WP Greet Box:Social Bookmarks:Sociable:LinkedIn Resume:What’s your favorite WordPress Linkedin Plugin? LinkedIn is one of the most underrated social networks around these days. While Facebook and Twitter get all

WordPress Plugins 0 Comments

Top 14 WordPress Membership Plugins Explained

Premium and free WordPress membership plugins enable WP blog owners to convert their site into content rich membership websites. Member plugins for WordPress vary from the simple free WP plugin

WordPress Plugins 0 Comments

Top 5 Autoblogging WordPress Plugins

ContentsWPRobotAutoBloggedZipPosterPLR to WordPressDatafeedrYour Turn Definitely a blogger wants to post articles in his blog then and now as a reader needs daily consumption.  But the ground reality is that it

WordPress Plugins 0 Comments

Attention Grabber for your Website

ContentsGrab the attention of your visitors by placing a simple, fully customizable banner on your siteOverviewMain Features Unlimited notificationsComplete customizationCustom text, Twitter, RSS FeedsGeneral settingsSee it in action at the top

WordPress Plugins 0 Comments

Best WordPress Plugins

ContentsPremium WordPress Plugins– Advertising –– Affiliates –– SEO –– Websites –Free WordPress Plugins– Admin Tools –– Advertising –– Authors –– Comments –– Domaining –– Downloads –– Feeds –– Forums –– Maintenance

WordPress Plugins 0 Comments

30 Best Twitter Plugins for WordPress

ContentsTwitter ToolsTwitterDashThread TwitterElegant Twitter WidgetTwitt-TwooTwitter RetweetTweet TweetTwitter WidgetTwitter Widget ProTweet RoosterWP-Twitip-ID PluginTop Twitter Links by TwitturlsTwitterFountainTweetSuiteTweetBacksTweet StatsTwitter Remote (beta)Tweet ThisComenTwitterTweetRollTwitmeTwitter PosterTwitter Friends WidgetTweetable Twitter PluginTwitter FeedAdd Twitter RSSTwitterCounter@ ReplyBird FeederTwitter

0 Comments

No Comments Yet!

You can be first to comment this post!

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.