The Canvas of Ryan Sadwick

How to add Google +1 button to your website

Adding the Google +1 button to your website and content is an easy task.

How to add Google +1 button to your website

Jun. 2nd | Posted by Comments Off
How to add Google +1 button to your website


Google is pushing out their +1 button. I’ve put together some information to help developers add to it their site.


Adding the Google Plus One Button

To add the button to your website, simply use this tool on Google: http://www.google.com/webmasters/+1/button/

For more customizable options and documentation, check out: http://code.google.com/apis/+1button/

Can I have the +1 button on multiple pages?

Yes, let’s talk about this:

  • Adding the Google +1 to multiple pages is possible using the href attribute.
  • If a href attribute isn’t available, Google will look for a rel=”canonical” tag and use that value.
  • If the href and rel=”canonical” isn’t available, Google will use the URL of the page as defined in document.location.href.

The latter method isn’t recommended at all since the URL could contain session IDs and variables. Personally, I’m using the rel=”canonical” method for this site.

If you’re not sure what the canonical tag does, I highly recommend Matt Cutt’s video: Learn More about the Canonical Link Element.

Is Google +1 button available on the Shareaholic WordPress plugin?

At the time of this blog post, the Google +1 button has not been officially added to Shareaholic. I’m sure you can modify the plugin to add in the button, but I’d wait for the actual release. Keep up to date with Shareaholic features at http://blog.shareaholic.com/

More Resources


0 comments Add a comment


Comments are closed.