19

有谁知道如何从您的 Google 个人资料中显示的 Google +1 按钮更改图像和文本？我有一个网站，我想为人们按下 +1 按钮设置自定义文本和图像。如果您不知道，此信息会显示在您的 Google 个人资料中的“+1”下。

简而言之，有没有办法让 Google +1 按钮的功能与 Facebook 类似按钮的功能相同，以设置单击时显示在您的个人资料中的自定义文本和图像。

4

4 回答 4

8

好的。无事生非之后——后来有很多很多链接到我的个人资料....

这是你如何做到的。（我所指的“帖子”是您在 google + 上的个人资料 +1 页面中的条目，“目标页面”是您所指的带有 +1 按钮标签的页面。）

  1. 目标页面上帖子的标题是被读取为帖子标题的内容。
  2. 帖子的内容是从目标页面上的第一个文本块中提取的
  3. 帖子的图片（如拇指中的）是页面上找到的第一张图片
  4. 站点名称（蓝色）是您页面的域。

1、在目标页面的body中创建一个，并将div的style属性设置为：“position:absolute; top:-1000px; left:-1000px;”

接下来，让页面本身在其标题中包含您希望在帖子中包含的标题标签。无论如何，这自然是应该调用的页面。

然后，在您创建的 div 中包含您想要在帖子上显示为拇指的图像副本，不要费心在 img 标签上包含大小属性，谷歌会忽略它。似乎也忽略了任何不是图片的东西（即；用 php 编写的调整大小脚本，将文件作为参数）。

最后，将帖子的内容/正文文本添加到图片后面的 div 中。我不知道你能有多少文字。

就是这样。好吧，它的谷歌所以它会发展，但这对我有用。

戴夫。

于 2011-07-21T09:09:32.990 回答
3

最好的方法是使用 Schema.org 微数据格式，您可以从 Google 文档中的这个示例中看到：

<body itemscope itemtype="http://schema.org/Product">
  <h1 itemprop="name">Shiny Trinket</h1>
  <img itemprop="image" src="{image-url}" />
  <p itemprop="description">Shiny trinkets are shiny.</p>
</body>

详细地：

  • 将这些属性添加到您的身体：

    <body itemscope itemtype="http://schema.org/Product">

  • 要使用的页面标题：

    <h1 itemprop="name">Shiny Trinket</h1>

  • 要使用的图像：

    <img itemprop="image" src="{image-url}" />

  • 使用说明：

    <p itemprop="description">Shiny trinkets are shiny.</p>
于 2012-06-26T15:17:10.823 回答
1

你检查过谷歌的文档吗？http://code.google.com/apis/+1button/

于 2011-07-08T19:30:08.353 回答
1

您可以通过将其不透明度设置为“ 0 ”来做到这一点。

我已经成功做到了..

于 2011-11-17T07:49:30.597 回答