Integrating Facebook's Like Button & Like Box

Tue, 10/05/2010 - 10:51am — senh

I've integrated Facebook's Like Button and Like Box to Wopular's homepage and subpages. I don't think they're effective traffic drivers, but did it just to cover my bases; I think, in general, that's true for most small to medium sized sites. They're pretty easy to integrate. It's really just a matter of creating a Facebook Page (aka Fan Page), sticking the url for for that page into their code generator, and clicking on the "Get Code" button.

If your site doesn't have a light or white background, good luck on making a seamless integration. Other than allowing you to customize the width and height and the content that appears on those widgets, there's not much in terms of look-and-feel.

You can customize the Like Box with a few hours of work, but it seems to only work in FireFox, so why bother (when most people are still using IE).

REFERENCE:

Like Button
http://developers.facebook.com/docs/reference/plugins/like
The official page from Facebook

Adding Facebook 'Like' Buttons to Your Site Is Damn Easy
http://www.webmonkey.com/2010/04/adding-facebook-like-buttons-to-your-si...
Step-by-step instructions from WebMonkey

Adding the Facebook Like Button
http://www.facebook.com/note.php?note_id=394114406695
Step-by-step instructions for TypePad users, but is good info nonetheless

How can I create a "like" button for my Facebook fan page?
http://www.askdavetaylor.com/make_create_like_button_facebook_fan_page.h...
Has a widget that can create Like buttons for you Facebook page

How to Add a Custom Facebook Like Box to Your Site
http://line25.com/tutorials/how-to-add-a-custom-facebook-like-box-to-you...

How to Customize your Facebook Fan Box
http://www.daddydesign.com/wordpress/how-to-customize-your-facebook-fan-...
This is the older version, when the Like Box is know as the Fan Box

Sections:  note from the editor   
SENH'S LATEST BLOG ENTRIES
  • "Storm The Gates" Mobile Game
    My friends just launched a mobile game called "Storm the Gates"! It's available on both Android and iOS. I'm not much of a gamer, so I didn't know what to do when I started it. But my 9-year-old son turned it on and knew exactly what to do. More
  • "Ip Man 3" Has New Release Date in China and Posters to Prove It
    Over at MoviesWithButter.com, I’ve written two articles regarding “Ip Man 3,” the film that’s holding its own in Asian territories against “Star Wars: The Force Awakens.” If you’re not familiar with Asian cinema,”Ip Man” one of the most popular franchises in that area of the world. More
  • Live-Blogged The Golden Globes at MWB
    Yesterday, I live-blogged The Golden Globes -- for various reasons. First, it gets traffic. Second, I might as well do something useful while watching TV. Lastly, I was looking forward to seeing Ricky Gervais host the event again. Nothing against Tina Fey and Amy Poehler, but he’s my favorite. A google search revealed that the last time I did this for this award show was More
  • Kings vs. Mavs: Ominous Stats, News for Sacramento Before Game
    The preview on NBA.com and the injury report from SactownRoyalty.com don’t look good for the Sacramento Kings going into tonight’s game against the playoff-bound Dallas Mavericks. More
  • What?! Kings Beat Thunder, 116-104
    (Image from the Sacramento Bee. Click here to view more images from the game.) What a win. It was a wild one, especially in the first half. We [Sacramento Kings] were down by 17 in the first quarter. In frustration, I was about to turn off the TV, but the teaml called a timeout. More
More
SENH'S RELATED BLOG ENTRIES
  • Facebook, Please Fix Your Comment Moderation Issues
    I’ve switched over to Facebook’s comment system a while back. I did it for two reasons. First, offloading comments to a third party takes the load off my server. Second, I’m hoping to get some Facebook traffic juice. The first part worked out. More
  • Facebook Added Website Comment Notifications to User Page
    I just started noticing this recently. It’s a nice touch. Before, you would have to go into a specific comment moderation page to keep track of comments. Now, it’s all tied into your profile page, just like when someone likes or comments on your status updates. Months ago, I converted my commenting system to Facebook’s. More
  • Pages Not Indexed by Google Because of Autofresh
    About a year ago, I decided to add an autorefresh to pages that contain feeds so that content would always stay fresh. I set it to autofresh every 3 minutes. I could have been done this via ajax, but my ajax kung fu wasn’t good enough then (or now). More
  • Finally, Got Rid of That Pesky Count Query
    While updating Wopular, I noticed that from time to time, the site would locked up for a couple minutes. Most of the time, I would just wait it out. I finally looked into the slow query log for mysql and found the troublesome query. More
  • Pressflow, Locked Tables & Hang Time
    I just installed Pressflow and simultaneously updated Drupal late last week. Pressflow is a modified version of Drupal that allows it to scale more easily. For sites with huge traffic and databases, it's essential. It supports database replication, Squid and Varnish reverse-proxy caching, and is optimized for MySQL and PHP 5. More

 

Comment On This Story