Question

我正在尝试在我的网站上添加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它似乎在那里工作。

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

Answer 1

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

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

Answer 2

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

Answer 3

使用我的开源项目http://code.google.com/p/gwt-socialmedia，

我发现了另一个可能导致+1按钮无法呈现的原因：您忘了将“网址定义为+1”：它必须是可访问网站的有效网址（所以 http：// localhost 不适用于ie）。

确实，PlusOne API似乎连接到站点URL，以获取有关它的一些元数据（如描述，标题等）

如果您没有定义网址，Google会向您发送错误 HTTP 400（错误请求），并显示内部消息：“此服务器上找不到请求的网址。“ 并且按钮不会出现......

希望它有所帮助！

Answer 4

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

谷歌加一个按钮没有显示

4 个答案: