How to Add Google +1 Button to Your Site

Google has just released the Google +1 button which webmasters can add to their site / blog and enable visitors to give a recommendation to Google and your friends about your site.

Add Google +1 button

Google +1 ButtonWebmasters can get the +1 button code right now. The implementation is very simple and you get started instantly by using this default code where you want the Google +1 button to appear.

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

To get a tall button, use this code

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

The buttons are available in 4 sizes and the url is grabbed from the rel=canonical META tag in your header. You can customize the code at the +1 site. Google +1 has been tested widely on Google search results, which you might have already noticed if you have tried the Google experimental search earlier.

This video will explain how adding the +1 button can make your articles go viral across the web as people vote the +1 button. Google also intends to use these votes in its search engine rankings as a social influence factor.

See the buttons live on our site right now and give us a +1.

Share with friends

About the Author: P Chandra is editor of QOT, one of India's earliest tech bloggers since 2004. A tech enthusiast with expertise in coding, WordPress, web tools, SEO and DIY hacks.