Adding the Facebook Like Button To Your Site

Adding the Facebook Like Button To Your Site

Adding the Facebook Like Button To Your Site

By John Jantsch

Note: There have been some updates since I published this post so I give more current and specific information in this post: Adding the Facebook Like Button Revisited

Some pretty big changes are brewing over at Facebook and I’m working on a full coverage type of piece, but for today I wanted to jump in and cover one little change that makes some sense for you to consider right now.

Mark Zuckerberg FacebookFacebook has changed the idea of becoming a fan to something a little less committed – Like. Now you can like or recommend a fan page to your friends. The net effect is the same as your choice to like something is noted on your wall.

The big change is that Facebook wants you to start sharing your likes from anywhere on the web. Look for web publishers to start installing the FB like button on web sites, blog posts and in reference to individual items and products.

The video below gives an overview of the Like button installation process. You can use the FB tool easily get started or, if you know a little HTML and FBML you can do a fair amount of integration.

I’ve installed both the Like Box (over in the right sidebar) and the Like Button (in each post)

The code that is generated from the FB like tool gives you some flexibility but will only link to the page you give it. If you want to add a button as I have in each post you need to edit the code URL to include the WordPress < ?php the_permalink() ?> code for each individual post.

You can control some of what’s shown on a person’s wall when they click the like button by adding meta data to your page headers. Facebook is using the emerging Open Graph protocol to help this along.

The image below is another implementation of the Like button related to a specific product. In this case the format include pictures and details about who likes the product.

Update: To add the Like button to every post on a WordPress blog, as I’ve done here, open up your index.php and single.php files in the editor and add the code below to install the button. Add it above or below your post content depending on your preference.


This is the code you get from the Facebook Like button tool with the WP permalink added.

Image credit: Mark Zuckerberg – World Economic Forum


Why Your Site Must Switch to HTTPS (And How to Do It)
Marketing Podcast with John Jantsch on HTTPS Every website in the world is carried across a protocol known as HTTP. Recently, though, we’ve seen more and more websites switching over to HTTPS, which is the secure version of that same protocol. A site that is carried on HTTPS is encrypted, meaning that all of the […]
Tips for Getting Your Audience to Stay on Your Website Longer
You put a lot of time, effort, and money into developing a website for your business. So you want to be sure that it’s capturing people’s attention and giving them the information they need to feel good about doing business with you. But no one can learn what you’re all about in a second or […]

Subscribe to the Duct Tape Marketing Podcast

If you know your small business needs marketing, but don’t have the time or resources, look no further. The Duct Tape Marketing podcast covers everything from earning referrals to managing time and being more productive.

Looking to get your business higher search rankings, more exposure, and more leads?  This Local SEO Playbook will help

Focus on these five elements and you can expect great results from local search.

x