Question

我在我的网站上呈现了Google +按钮，如下所示：

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

在html中：

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

如何为此添加回调以检测用户何时点击？我在这里看到了文档：https://developers.google.com/+/plugins/+1button/#jsapi没有看到如何使用当前渲染来实现。感谢

Answer 1

您可以使用回调属性为您的+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>

您可以在tag parameters section of the documentation。

中详细了解此属性

Answer 2

除了Jenny的回答，您还可以使用 HTML5有效 +1标记，方法是将class属性设置为g-plusone，并为任何按钮属性添加前缀数据，例如回调

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

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

Google Plus一键 - 如何添加回调？

2 个答案: