How to Add Google +1 Button to Your Site

The +1 Button

Site-builder or Web-masters 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.. If there is one single thing that gives Google+ a realistic edge over Facebook, this is it: The Google+1 Button. Those gurus in the Search Engine Optimization game are losing their minds over this one right now.

Chances are you have already seen Google’s +1 button in action as you search through Google – It appears whenever you are signed in to your Google account (you have to be logged into a Google account for the button to work) and are searching using Google, sitting just to the right of search results for each URL that you have created). It’s function is very similar, in theory, to the Facebook [Like] button and is connected to your Google account. Google themselves write: “The +1 button is shorthand for “this is pretty cool” or “you should check this out.”” – If you like a link or think it would be useful to your social friends, give it a click! 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.

The buttons are available in 4 sizes, you can choose and the desire format 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.




 Place this tag where you want the +1 button to render
<g:plusone annotation="inline"></g:plusone>

Place this render call where appropriate
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

You can also change the desire format.

Posted in: Add Google +1 button to your site