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