Javascript 自定义Google plus按钮回调_Javascript_Google Plus

Javascript 自定义Google plus按钮回调

javascript google-plus

Javascript 自定义Google plus按钮回调,javascript,google-plus,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("

我有一个简单的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>


gapi.plusone.render（“mybutton”）；
函数myCallback（jsonParam）{
警报（“URL:+jsonParam.href+”状态：+jsonParam.state”）；
}

我有一个自定义的google plus按钮，id为

mybutton

。我使用gapi.plus.render函数将其渲染为加号按钮

我有一个回调函数，当在Gplus上共享URL时，该函数应该呈现，但由于某些原因，事件没有触发。我的代码中是否有错误，或者回调仅适用于本机gplus按钮？

您需要将脚本标记放在页面末尾（就在正文标记之后），以便在调用脚本之前完成页面渲染

更正：

在脚本标记中使用以下代码，使用呈现调用中的回调呈现该按钮：

gapi.plusone.render（“mybutton”{ “回调”：myCallback

});

尝试过，但这不是问题如果我将类指定为

g-plusone

，代码工作得很好，但如果我这样做，它将获得g plus按钮的正式外观并替换我的自定义CSST。这是渲染事件的回调。我希望在用户实际共享链接时进行回调，而不是在加载按钮时进行回调，事实上并非如此！这是在该按钮上设置数据回调功能。该功能运行良好，因为它使用的是官方按钮…我想要一个具有我自己设计的自定义按钮，看看这是否有帮助：您最终成功实现了吗？