7

我正在尝试将 Google +1 按钮添加到我的网站。

我已按照此处的说明进行操作: http ://www.google.com/intl/en/webmasters/+1/button/index.html

这是我网页的代码:

<html> 
    <head> 
        <title>
            Why won't it appear?
        </title>
        <!-- Place this tag in your head or just before your close body tag -->
        <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
    </head> 
    <body> 
        <h1>
            Example title
        </h1>
        <!-- Place this tag where you want the +1 button to render -->
        <g:plusone size="tall" href="http://www.example.com/"></g:plusone>
    </body> 
</html> 

如您所见,我完全按照他们的指示进行了操作,但它没有出现。我已经在 Chrome、Firefox 和 IE8(都在 Windows XP 上)上尝试过。我只是从本地系统打开网页。

有趣的是,我可以看到它在这里工作http://www.satinbow.co.uk/xxtest.html


谁能解开这个谜?


更新/线索

当页面本地存储在我的系统上时,它不起作用(硬刷新也没有解决它。)

但我把页面放在这里:dl.dropbox.com/u/6920023/test2.html,它似乎在那里工作。

知道发生了什么真的很酷:)

4

4 回答 4

11

我认为这是因为当它是本地(不是网络服务器)浏览器时会阻止 JS 脚本(在外部托管)以防止安全漏洞。这就是为什么它不起作用

链接:http ://ejohn.org/blog/tightened-local-file-security/

于 2011-07-18T12:01:08.067 回答
3

要检查的另一件事是您是否有任何广告拦截器处于活动状态。这些可以禁用 +1 按钮并将包含该按钮的 iframe 移出屏幕。

于 2013-04-29T21:26:29.413 回答
0

从事我的开源项目http://code.google.com/p/gwt-socialmedia

我发现了另一个可能导致 +1 按钮无法呈现的原因:您忘记定义 “+1 的 URL”:它必须是可访问网站的有效 URL(因此http://localhost不适用于IE)。

实际上,PlusOne API 似乎连接到站点 URL,以获取有关它的一些元数据(如描述、标题等)

如果您未定义 URL,Google 将向您发送错误HTTP 400 (Bad Request),并带有内部消息:“在此服务器上未找到请求的 URL。” 并且按钮不会出现...

希望能帮助到你!

于 2012-10-20T12:54:58.407 回答
0

由于浏览器安全性(如答案之一所述),它不会显示该按钮。当您的文件在本地时仍然显示 google plus 按钮使用本地 Web 服务器(WAMP/XAMPP),或者您可以使用 PHP 本地服务器https://www.sitepoint.com/taking-advantage-of-phps-built-in-server /在您的计算机上托管您的文件,您将看到文件中显示的按钮。

于 2016-11-03T17:38:00.837 回答