Question

我正在使用HTML + JS + CSS创建一个跨平台的移动应用程序。我想在Google+中分享自定义文字。我有以下代码段：

        <button class="demo g-interactivepost"
            data-clientid="xxx.apps.googleusercontent.com"
            data-contenturl="https://developers.google.com/+/web/share/interactive"
            data-calltoactionlabel="INVITE"
            data-calltoactionurl="http://developers.google.com/+/web/share/interactive?invite=true"
            data-cookiepolicy="single_host_origin"
            data-prefilltext="I just tried the quiz. Check it out for yourself!">
            Google+
        </button>

<script type="text/javascript">
    (function() {
        var po = document.createElement('script');
        po.type = 'text/javascript';
        po.async = true;
        po.src = 'https://apis.google.com/js/client:plusone.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(po, s);
    })();
</script>

请注意，我已经创建了一个Google+应用，并获得了我的客户ID，但我没有对该应用进行任何更改，因为我不知道是否需要在Google Developer Console上启用或停用某些内容。另一方面，在上面的代码段中，我用我的客户端ID替换了“xxx”部分。关键是当我按下按钮时，它会打开Google登录页面，登录成功后，此页面会显示：http://prntscr.com/3oa1j7 但是在那个地方，无论我按什么，我只是一个空白的屏幕。如果有人可以帮我解决问题，我会很高兴。

Answer 1

您的代码对我有用，因此您的问题最可能的原因是您的客户端配置，特别是授权的Javascript origin字段。如果您使用示例客户端ID，则无效。您必须从https://console.developers.google.com

配置自己的客户端

首先，确保脚本正确加载您的个人资料。访问该网站后，您应该会看到您的个人资料的祝酒词显示在底部。如果这样做，那么您的客户端ID在按钮中有效。

接下来，请确保已将您的网站添加到项目的授权来源。 HTTP与HTTPS很重要。服务器的端口很重要（如果它不是您首选协议的标准端口）。仔细检查一切是否匹配，这是最可能的原因。因为您只使用Javascript，所以授权来源是您需要更新的唯一字段。

在浏览器中打开开发人员工具，并查看Javascript控制台，了解有关帖子未呈现的原因的信息。如果第1点不起作用，请分享有关您所看到的错误的其他信息。

分享到Google+不起作用

1 个答案: