如何为 googleplus +1 按钮设置目标 URL？答案

【问题标题】：How to set target URL for googleplus +1 button?如何为 googleplus +1 按钮设置目标 URL？
【发布时间】：2013-12-08 20:31:51
【问题描述】：

我想将 googleplus +1 按钮设置为与代码所在的网址不同的网址。

不清楚from documentation，要不要写

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone href="myurl"></g:plusone>

或

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone data-href="myurl"></g:plusone>

即是标签名称是href 或data-href。

我有 href、size 和 count 的旧代码，这显然不起作用。这些标签已经过时了吗？

更新

标签更改没有帮助。

更新 2

不，文档不清楚。在“设置 +1 目标 URL”部分的第 1 点中写道

即href 属性被引用。不幸的是，下表中没有描述href 属性。

【问题讨论】：

【解决方案1】：

作为自定义标签：

<g:plusone data-href='your-url-here...'></g:plusone>

作为 HTML5 标签：

<div class="g-plusone" data-href="your-url-here..."></div>

如果您的页面上只有一个 +1 按钮，您还可以为其设置规范网址，它将用于您的 +1 按钮。它在您的文档中的<head> 中：

 <link rel="canonical" href="page-url-here" />

【讨论】：