javascript - 与 Google plus 分享并获得成功或失败的回应

Question

我想把网址分享给Google plus，分享成功后需要回复成功或失败。

我做到了并且也得到了响应，但是如果我关闭弹出窗口而不共享，那么 onPlusDone 函数也会执行。

所以，我需要一些能告诉我分享成功的东西。

下面是我的代码:

<script type="text/javascript">
     function onPlusDone(reponse) {
          console.log(reponse);

            var res = 'success';
             $.ajax({
                    type:"POST",
                    dataType: "json",
                    data: {
                        res:res,
                    },
                    url: HOST+'user/success_share',
                    success:function(result){

                    }
                })
      }
     function myCallback(jsonParam) {

         console.log("URL: " + jsonParam.href + " state: " + jsonParam.state);

      }
</script>


<g:plusone size="medium" href="http://myshareurl/" callback="myCallback"  onendinteraction="onPlusDone"></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> 

Answer 1

我已经找到解决此问题的方法。请找到以下指向 jsfiddle 的链接，以获取我提出的解决方案。

解决办法是拦截来自google-plus分享的onmessage窗口。

https://jsfiddle.net/g3hyx8p7/

<div style="width:40px !important" data-action="share" 
class="g-plus" id="share-googleplus"></div>

 gapi.plus.render('share-googleplus', {
      action: "share",
      href: 'http://stackoverflow.com/questions/6585722/use-custom-image-for-google1-button'         
    })

window.onmessage = function (mes)
{
    var s = mes.data.replace("!_", "");
    s = $.parseJSON(s);
    if (s.s.indexOf("_g_restyleMe") != -1 && Object.keys(s.a[0]).length == 1 && s.a[0].hasOwnProperty("height")) {
       alert("shared to goole")
    }
}