Question

您好我想加载来自Google +的评论。什么人在我的网站上发布谷歌加。我实际上只是在WordPress博客文章中安装了这段代码。如果用户想通过点击Google+按钮来回复帖子，则可以从Google Plus加载代码并加载评论。

<button onClick="showGoogle();">Google+</button>

<div style="max-width:100%" id="loading">
<div id="gpcomments" style="max-width:100%"></div>
</div>

<script>
gapi.comments.render('gpcomments', {
    href:'http://findsgood.com/?p=43224',
    width: '682',
    first_party_property:'BLOGGER',
    view_type: 'FILTERED_POSTMOD','callback' : function showGoogle() {src='https://apis.google.com/js/plusone.js';}});
</script>

Answer 1

终于发现代码正常工作，但我必须单击按钮两次。我不知道为什么我需要点击两次？请有人帮忙吗？

<button onClick="showGoogle();">Google+</button>

<div style="max-width:100%" id="loading"><div id="gpcomments" style="max-width:100%"></div></div>

<script>function showGoogle() {
    var head= document.getElementsByTagName('head')[0];
      var script= document.createElement('script');
      script.type= 'text/javascript';
      script.src= 'https://apis.google.com/js/plusone.js';
      head.appendChild(script);
gapi.comments.render('gpcomments', {
    href:'http://findsgood.com/?p=43224',
    width: '682',
    first_party_property:'BLOGGER',
    view_type: 'FILTERED_POSTMOD'
});}
</script>

你可以在博客文章http://findsgood.com/?p=43224

上运行测试

Answer 2

正在异步加载

plusone.js，但同步调用gapi。 gapi完成加载后才能使用plusone.js。您可以使用onload事件等待gapi准备就绪。

<button onClick="showGoogle();">Google+</button>

<div style="max-width:100%" id="loading"><div id="gpcomments" style="max-width:100%"></div></div>

<script>
function showGoogle() {
    var head = document.getElementsByTagName('head')[0];
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = 'https://apis.google.com/js/plusone.js';
    script.onload = function() {
        gapi.comments.render('gpcomments', {
            href:'http://findsgood.com/?p=43224',
            width: '682',
            first_party_property:'BLOGGER',
            view_type: 'FILTERED_POSTMOD'
        });
    }
    head.appendChild(script);
}
</script>

Answer 3

首先单击在控制台中生成错误，为了测试，尝试手动在主题标题中包含plusone.js。（这感觉更像是评论，但还不能添加它们。）

点击加载Google plus javascript以显示评论

3 个答案: