How to add Google +1 (Plus One) share button in my website / blog?

How to add Google +1 (Plus One) share button in my website / blog?
  • Sharebar

Finally Google publicly announced +1 (Plus One) share button and few details about their partners. +1 may become a game changer as it may alter your Google result page link positions according to your Gmail Contacts’ share preferences.

If you’re a webmaster, you can get the +1 button code and learn more about implementation on Google’s +1 webmaster site. I thought I would share the same code with you and give you some more options to play with.

How to add Google +1 in any website (non-specific link)

<!-- Place this tag in your head or just before your close body tag -->
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>

<!-- Place this tag where you want the +1 button to render -->
<g:plusone></g:plusone>

How to add Google +1 in any website (specific link)

To place the +1 share button with a specific link, you will need to share the Advanced Options. Just replace the YOUR_WEBPAGE_LINK variable with the page link.

<!-- Place this tag in your head or just before your close body tag -->
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>

<!-- Place this tag where you want the +1 button to render -->
<g:plusone href="YOUR_WEBPAGE_LINK"></g:plusone>

How to add Google +1 in your WordPress blog

I’ve not found any plugin to place the share button for WordPress yet. Until any plugin is available, you can always manually edit your WordPress source code and place the button code.
<!-- Place this tag in your head or just before your close body tag -->
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>

<!-- Place this tag where you want the +1 button to render -->
<g:plusone href="<?php echo get_permalink(); ?>"></g:plusone>

Finally…

Backup the file before you try to change your source code. Google said they will allow webmasters to see the sharing statistics soon.

Let me know if you have any problem in placing the +1 share button.

Thank you ;)

{ 13 comments… read them below or add one }

Harsh Agrawal September 1, 2011 at 10:46 pm

Thanks a lot but now official +1 button offers sharing to Google+.. Though they should work on using a different button for the same

Reply

LTStajul August 21, 2011 at 4:59 am

I am successfully add +1 button in my wordpress blog. Thanks for nice guide

Reply

Sajib August 17, 2011 at 1:17 pm

Have a little problem.

Whenever I try to put this next to Facebook like button, the +1 button goes down the next line. How can I put both buttons in the single line?

Reply

Jinnat Ul Hasan August 17, 2011 at 1:37 pm

Use a HTML table and place them different columns.

Reply

DJ ARIF August 13, 2011 at 7:42 am

I’ve added Google +1 share button to some of my websites and the very next day I saw some awesome results…. My websites were getting a little bit more visitors from Search engines….

Reply

sakib July 28, 2011 at 6:18 pm

really great information for the blogger

Reply

Nimantha June 11, 2011 at 8:33 pm

I’m glad to see a new post after long time Hasan :) Why dont you just keep posting your good stuffs ahh ?

Reply

Jinnat Ul Hasan June 13, 2011 at 1:54 am

Hi Nimantha,

These days I’m too involved with my job, photography and freelancing that don’t get time to maintain my blog.

Thanks for your comment.

-Hasan

Reply

review blogger June 6, 2011 at 8:51 am

is there any benefit in seo for adding Google +1 (Plus One) share button? is it count by google for decide SERP ?
thank you for giving new changed seo tips.

Reply

Jinnat Ul Hasan July 2, 2011 at 11:51 pm

Yes, search results may jump from its position and your contacts will see your face under the search result. That improves the click-through-rate.

Reply

BloggerShaon June 3, 2011 at 10:26 am

Great opportunity form Google for WP bloggers. :) Wanna know, can I use +1 button for my blogspot blog?

Regard

Shaon

Reply

Jinnat Ul Hasan June 3, 2011 at 11:11 am

Log in to your blogger.com account, go to Design and click Edit link on Blog Posts and check the Show Share Buttons to show +1 button on Blogspot blog.

Thanks for your comments.

Reply

BloggerShaon June 3, 2011 at 12:59 pm

Yes got it, that means, Google just added the +1 button with Show Share Buttons. Thanks again :)

Reply

Leave a Comment

Previous post:

Next post: