Question

我刚刚开始将一些社交媒体“分享”整合到一个网站中，第一个是Google +1按钮。

我已经直接从Google的网站管理员信息中心中取出代码，按照所有说明进行操作，当我尝试点击+1

时它就破了

我已经'现场'了：

http://www.techonline.co.nz/modules/navigator/navto.php?unique_ID=16

按钮本身就在这里：

<td style="width: 33%; text-align: center;">
    <div class="g-plusone" data-annotation="inline" data-width="130" data-href="#">Google +1</div>
</td>

谷歌的谷歌形式在谷歌的底部

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

CDATA的事情是来自TinyMCE的自动化。不知道它做了什么，但它没有阻止任何其他Javascripts在我的网站上工作。此实例中的代码仍然执行，因为按钮的显示。

任何人都可以告诉我为什么它会破裂，就像我弄错了一样

Answer 1

data-href设置可能是问题所在。请参阅setting the URL上的文档。理想情况下，您可以将规范元数据添加到页面中，在您的情况下应该会有所帮助，因为看起来您正在编写动态页面，其中URL可能略有不同，但仍然引用相同的资源。

另一个提示，test your page using the Webmaster rich snippets tool。

Answer 2

您必须拥有可验证的文档，google到达您的网页，发现它无效 - 并关闭该插件。只是预感 - 但是

尝试validator.w3.org

每次点击它时，Google +1都会中断。使用谷歌的代码。为什么会破裂

2 个答案: