自定义Google加按钮回调

时间:2014-09-22 22:58:54

标签: javascript google-plus

我有这个简单的HTML布局:

<html>
   <head>
   <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

   <script>
   gapi.plusone.render("mybutton");

   function myCallback(jsonParam) {
       alert("URL: " + jsonParam.href + " state: " + jsonParam.state);
   }
   </script>
   </head>

   <body>
      <a target="_blank" id="mybutton" data-callback="myCallback" href="https://plus.google.com/share?url=http%3A%2F%2Fgoogle.com">Share on G+</a>
   </body>

</html>

我有一个名为mybutton的自定义Google加号按钮。我使用gapi.plus.render函数将其渲染为加号按钮。

我有一个回调函数,当在G plus上共享一个URL时,它应该呈现,但由于某种原因,事件没有触发。我的代码中有什么问题,或者回调只适用于本机gplus按钮吗?

1 个答案:

答案 0 :(得分:1)

您需要将脚本标记放在页面的末尾(正文标记之后),以便在调用脚本之前完成页面呈现。

校正:

在脚本标记内使用以下代码,在呈现调用中使用回调呈现该按钮:

gapi.plusone.render(“mybutton”,{                      “回调”:myCallback                     });