Attach a click() event to the google plus button?

Question

I\'d like to add a alert message on the page when a user clicks \'g+\' button. how can i achieve this ?
here is code :

Answer 1

Just incase you want some code to get you started, the following markup will enable the interaction events in a +1 button:

<div
  class="g-plusone"
  data-expandto="bottom"
  data-onendinteraction="onEnded"
  data-onstartinteraction="onStarted"
  data-recommendations="false"
  data-annotation="inline"
  data-height="25"
  data-autoclose="true"
  data-callback="onCallback" 
  data-width="300"
>

The following code will handle the events:

function onStarted(args){
  console.log("started");
  console.log(args);
}
function onEnded(args){
  console.log("ended");
  console.log(args);
}
function onCallback(args){
  console.log("callback");
  console.log(args);
}

The callback will return the +1 state of the button, start/end interaction indicates the user state. You can see a demo of all the events here.

Answer 2

Try reading their documentation which is actually quite good. They provide access to a callback function. See the section tag attributes.

https://developers.google.com/+/plugins/+1button/#script-parameters