Question

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

简而言之，如果您点击它时设置自定义文字和图片中显示的自定义文字和图片，是否有办法让Google +1按钮功能与类似Facebook的按钮相同。

Answer 1

确定。经过一段时间无关紧要 - 以后很多链接到我的个人资料....

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

目标网页上帖子的标题是作为帖子标题阅读的内容。
该帖子的内容是从目标网页上的第一个文本块中提取的
帖子的图像（如拇指一样）是页面上的第一张图片
网站名称（蓝色）是您网页的域名。

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

接下来，让页面本身在其标题中包含您希望在帖子中包含的标题标记。这无论如何都应该被称为页面。

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

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

就是这样。嗯，它的谷歌所以它会发展，但那是什么为我工作。

戴夫。

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

Answer 3

您是否查看了Google的文档？ http://code.google.com/apis/+1button/

Answer 4

您可以将其不透明度设置为＆＃34; 0 ＆＃34; ..

我成功地做到了......

自定义Google +1文字和图片

4 个答案: