HOW TO: Add Google’s +1 Button On Your Blog

Here it is finally, earlier Twitter surprised us with the new ‘Follow’ button, Facebook with ‘Send’ button, and now Google’s +1 button going viral on several famous blogs.

Google's +1 Button Recommendations

By adding +1 to your pages you can make your websites and blogs stand out. +1 buttons let people who love your content recommend it on Google search.

When a signed-in Google user is searching, your Google search result snippet may be annotated with the names of the user’s connections who’ve +1’d your page. If none of a user’s connections has +1’d your page, your snippet may display the aggregate number of +1’s your page has received.

Adding Google’s +1 Button On Your WordPress Blog

Google's +1

Place this tag in your head or just before your close body tag. Edit header.php file.

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

Now, place this tag where you want the +1 button to render. Most preferably single.php file.

<g:plusone></g:plusone>


Adding Google’s +1 Button On Blogger Blogs

Just like WordPress, paste the following code before </head> tag. Go to Edit HTML and search for head tag.

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

Now to place the Google +1 in the post area, go to <div class=”post-header-line-1″/> or <data:post.body/> and place the below code immediately after it

<div style=’float:right; margin-right:10px;’>
<g:plusone expr:href=’data:post.url”></g:plusone>
</div>

Now, save the template!

Google also provides four different button sizes to fix your blog posts, you can check them here.


Google’s +1 Button On HBB

We have also implemented this new +1 button on our blog. Now to recommend HBB’s articles you just need to click the +1 button present below the post title on posts.

HBB +1 button

You can check the video below to get an idea about how Google’s +1 can make your posts viral.

So have you added this button on your blog? Will it replace Facebook Like button? Or it will soon RIP like Google Buzz button?

35 thoughts on “HOW TO: Add Google’s +1 Button On Your Blog”

  1. Where in the WordPress code would you add this so that it appears on posts and not just on the main or home screen sidebars?

    Reply
  2. I wonder if it also has a dislike feature which is frequently abused for example on YouTube. I understand that any rating counts for more than no rating but rating with the intention to do harm rather than good to someone is pathetic.

    We will try to get as much as +1 we can because we know the benefit of it with seo prespective (and soon we will see many people started to sell +1 as well) but a normal user do not know about it and where facebook like button is one step ahead from it.

    Reply
    • Dude, I mentioned it. You have two codes, if you are using WordPress, then you should paste the 1st code on header.php file and another one on single.php or sidebar.php to your convenience. 🙂

      Reply
  3. I don't really understand the concept of plus one yet. If you have 5 sites with similar content, each with 10 plus 1s, how do you rank them in search results? Which of those sites is more relevant, based on the ratings? Users should be able to describe more specifically what they exactly like on that page instead of just blindly like something. People like things for different reasons all the time.

    Reply
  4. Small typo there for wordpress users add the code before the closing of head tag and not the body tag

    Place this tag in your head or just before your close body tag. .

    Reply
  5. I think Google +1 is more important, it gives your content more authority in Google as it's powered by Google itself.

    Reply

Leave a Comment