Home » Google, Social Networks

How to Put the +1 Button on Your Website

1 June 2011 118 Comments

Vote for me pretty please!

Okay, sooooo Google rolled out the +1 button today.

I’m not real excited about it…but Google says it will be a good thing, because now when I search or go to a website, I’ll know which my thousands of friends have been there and liked it too. Similar to ‘Likes’ on Facebook, but FB wouldn’t share those with Google.

So like the little red hen, they went out and did it themselves.

Who knows how it will affect SEO. All I know is that now I have to get votes like a prom queen for my site to rank better. And everybody will know who I voted for, too.

Well, let’s put all that aside for now and get your button up on your site. There will soon be a plugin, I’m sure, but in the meantime, here are a couple of ways to do it, depending upon what kind of site or WordPress theme you have.

What Worked for Me

I’ll show you what Big G said to do in a minute, but their way is not always my way, and this is what worked on my WP theme to put the button on each of my posts automatically:

In the WP Admin go to Appearances, then Editor, then open your post.php file. Put this code where you want the button to show up on your posts (typically above the post content).  You can also put this code in a Text widget so it will appear in your sidebar area.

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<g:plusone></g:plusone>

How Google Says To Do It

Simply add this script code before your /body tag. In WP this is usually at the bottom of your footer.php template in the Appearances Editor.

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>

Then add this code in your post.php template or in each blog post where you want it to appear:

<g:plusone></g:plusone>

You are supposed to be able to personalize your button here, but it wasn’t working very well when I tried it:

http://www.google.com/webmasters/+1/button/index.html

One More Thing

Here’s the intro video in case you’re still not sure about this.

Except – Wait!

I want to know what you think of it. Is the Google +1 button a good thing, a bad thing, or don’t you care one way or the other?

Thanks to Uncyclomedia Commons for the awesome prom queen photo!