手机上的Facebook Like和Google+1按钮

Facebook Like and Google+1 buttons on mobile

本文关键字:Google+1 按钮 Like Facebook 手机      更新时间:2023-09-26

我刚刚在我的网站上添加了Facebook Like和Google+1按钮,这两个按钮在台式机上都可以正常工作。然而,在手机上,我对这两种方法都有问题。点击Facebook的Like按钮就会消失,而Google的按钮则会重定向到Gmail的登录界面,但当我登录时,我只会看到一个永无止境的加载屏幕。

下面是我的相关代码:

    <div id="fb-root"></div>
<script>(function (d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
    <a href="https://twitter.com/share" class="twitter-share-button" data-url="myurl" data-text="Check out this site">Tweet</a>
              <br />
                <g:plusone size="medium" href="myurl"></g:plusone>
                <script>!function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = "//platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs); } }(document, "script", "twitter-wjs");</script>
           <br />
              <div style="padding-bottom:10px;" class="fb-like" data-href="myurl" data-send="false" data-layout="button_count" data-width="150" data-show-faces="false"></div>
    <script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: 'en-US'}
</script>

Google+ +1按钮支持移动web浏览器,但仅支持+1操作,不支持额外的共享操作。我在登录时没有遇到任何问题,看到加载屏幕,它消失了,我被带回到你的网站,我点击了+1。现在您应该看到计数为2。我在Android上使用Chrome浏览器。我确实在iOS上的Chrome上遇到了加载问题。然而,在哪里发生,我不认为是一个问题与您的代码,这看起来很好。我认为这是谷歌的问题