7

在这个链接中，我学会了为 Google +1 按钮指定一个 URL。

将自定义 url 指定为 gplus one button。

我还可以指定特定图像吗？

已编辑

我不需要更改 Google plus 按钮 gif 或 Google plus 按钮的背景。我需要指定用户想要在社交网络中分享的图像。

有可能吗？

4

2 回答 2

10

是的，这是可能的。

您的意思是您要指定一个图像，该图像将显示在通过在 Google+ 上共享生成的片段中。+1 按钮有两件事情：1) 它在点击时为计数添加 +1，以及 2) 可选地，它允许用户将您的 URL 分享到 Google+ 并对其发表评论。

您要问的是该交互的第二部分，并记录在https://developers.google.com/+/plugins/snippet/

该页面有一个工具可以帮助您生成需要插入页面的 HTML。您还可以从指定片段信息的三种不同方法中进行选择。

使用 schema.org 标记的示例：

<!-- Update your html tag to include the itemscope and itemtype attributes. -->
<html itemscope itemtype="http://schema.org/Article">

<!-- Add the following three tags inside head. -->
<meta itemprop="name" content="My Cool Article">
<meta itemprop="description" content="This is the greatest site ever">
<meta itemprop="image" content="http://example.com/mycoolimage.png">
于 2012-11-09T17:27:04.903 回答
-2

要通过“共享”按钮指定要共享的自定义图像：

不幸的是，这是不可能的。您只能自定义 URL 和语言；请参阅文档。

编辑：这实际上是可能的，请参阅BrettJ 的回答。

要为“+1”按钮使用自定义图像：

因为 Google 希望 +1 按钮看起来一致，所以使用官方的 Google +1 JavaScript 是不可能的。但是，通过这样的技巧，可以自定义图像。

诀窍在于将 CSS 不透明度设置为0，如下所示：

.myCustomButton *{
    /*Hide real +1 button*/
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  
    filter:alpha(opacity=0);
}

.myCustomButton{
  display:inline-block;

  /*The width and height of your image. Not bigger than the Like button!*/
  width: 10px;
  height: 10px;

  /*Your image*/
  background:url(gplus.png);
}
于 2012-11-09T11:35:13.000 回答