4

当用户单击“g+”按钮时,我想在页面上添加一条警报消息。我怎样才能做到这一点?
这是代码:

<g:plusone href="http://test.com//" annotation="inline" width="300"></g:plusone> 
<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>
4

2 回答 2

9

万一您需要一些代码来帮助您入门,以下标记将启用 +1 按钮中的交互事件:

<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"
>

以下代码将处理这些事件:

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);
}

回调将返回按钮的+1状态,开始/结束交互指示用户状态。您可以在此处查看所有事件的演示。

于 2013-01-24T18:27:44.867 回答
2

尝试阅读他们的文档,这实际上非常好。它们提供对回调函数的访问。见章节tag attributes

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

于 2013-01-20T05:01:08.687 回答