自定义 Google +1 文字和图片答案

【问题标题】：Custom Google +1 Text and Image自定义 Google +1 文字和图片
【发布时间】：2011-07-08 19:25:00
【问题描述】：

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

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

【问题讨论】：

标签： google-plus-one

【解决方案1】：

好的。事无巨细之后 - 以后有很多很多链接到我的个人资料....

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

目标页面上的帖子标题就是帖子的标题。
帖子的内容是从目标页面上的第一个文本块中提取的
帖子的图片（如拇指中的）是页面上找到的第一张图片
网站名称（蓝色）是您网页的域名。

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

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

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

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

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

戴夫。

【讨论】：

Google 在这里完全忽略了这样的 div。

【解决方案2】：

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

<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>

【讨论】：

【解决方案3】：

您查看过 Google 的文档吗？ http://code.google.com/apis/+1button/

【讨论】：

说 API 还不允许有自定义图像。如果它跟随 Facebook Like 的趋势，我担心它永远不会。
您可以为类似 FB 的按钮自定义文本和图像！
我相信您指的是“分享”FB 按钮，它确实允许您自定义它，因为它取决于单个 url。它仍然有效，但不再由 FB 文档提供。 Google +1 按钮目前更像是 FB like 按钮，而 FB 分享按钮更像是 Google Buzz 按钮（完全可自定义）。想一想，这两者的功能很可能会在某个时候合并。
是的，但他们使用了 CSS hack（如此处所述：esrun.co.uk/blog/disguising-a-facebook-like-link），顺便说一下，FB 按钮的完成方式非常尴尬，因为 FB 更改他们的iframe 代码一直都是。有人说更改按钮违反了他们的 TOS，但我不确定。按钮本身对设计不是很友好，因为按钮通常会根据语言改变其大小，因为“like”在某些情况下会更长：i.imgur.com/owS3E.png;并且小按钮的计数器总是显示，除非是零，这有损美观。

【解决方案4】：

您可以将其不透明度设置为“0”..

我已经成功地做到了..

【讨论】：