Google: Adding Google Plus button to your content pages

Perhaps the best documented out of the social share buttons.

It's quite straight forward if you read the API page.

A simple example with asynchronous loading would be:

view sourceprint?

01.<g:plusone></g:plusone>

02. 

03.<script type="text/javascript">

04.(function() {

05.  var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;

06.  po.src = 'https://apis.google.com/js/plusone.js';

07.  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);

08.})();

09.</script>

That's it!

If you want to configure it, the options are listed on the page under Configuration.

Detecting Plus One Click Event

This is incredibly easy compared to Facebook's API!

view sourceprint?

1.<g:plusone callback="googleplus_callback"></g:plusone>

Now in your Javascript function, just check if the state is "on".

view sourceprint?

1.function googleplus_callback(response) {

2.  alert(response['state'] == 'on');

3.}

Ah, so developer friendly!

See my other posts about sharing buttons for Facebook and Twitter.

Sources

• Google+ Platform: +1 Button