9

I have the google+ button being rendered on my site as follows:

In the JS: 

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

In the html:

<g:plusone size="medium" href="https://site.com"></g:plusone>

How can I add a callback to this to detect when the user has clicked? I see the docs here: https://developers.google.com/+/plugins/+1button/#jsapi not seeing how to implement with the current render. Thanks

4

2 回答 2

8

您可以使用回调属性向您的 +1 按钮标记添加 JavaScript 回调。提供驻留在全局命名空间中的函数的名称。当用户点击 +1 按钮时，它将被调用。

您的代码可能如下所示：

<script>

   function myCallback(jsonParam) {

      alert("URL: " + jsonParam.href + " state: " + jsonParam.state);

   }

</script>

<g:plusone size="medium" href="https://site.com" callback="myCallback"></g:plusone>

您可以在文档的标签参数部分了解有关此属性的更多信息。

于 2012-06-26T20:03:57.593 回答
4

除了 Jenny 的回答之外，您还可以通过将 class 属性设置为 g-plusone 并在任何按钮属性前面加上数据（例如回调）来使用HTML5 有效的+1 标记

<div class="g-plusone" data-callback="myCallback" ></div>

来自https://developers.google.com/+/web/+1button/

于 2013-10-03T22:33:52.353 回答