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

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)

1
2

<!-- 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>

1
2

<!-- 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.

1
2

<!-- 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>

1
2

<!-- 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.

1
2

<!-- 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>

1
2

<!-- 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 😉

By Jinnat Ul Hasan | On Thursday, June 2nd, 2011 | Under How To's | 28 Comments »

Those who found this page were searching for:

• how to share a link on google+ with title and inckude
• googleplus share script
• 'https://apis.google.com/js/plusone.js'
• how put google +1 on my website
• code for sharing in google plus
• change hfref g:plusone href javascript
• how to add plus 1 to my site
• how to put google 1 button in blogger sidebar
• how do i install the google plus one button on my web site
• how to post a link in google plus