Question

在此链接中，我学会了为Google +1按钮指定网址。

specify custom url to gplus one button。

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

被修改

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

有可能吗？

Answer 1

是的，这是可能的。

您的意思是，您要指定一个图片，该图片会显示在通过Google+共享生成的代码段中。 +1按钮有两个功能：1）点击时会为点数添加+1，2）可选择允许用户将您的网址分享给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">

Answer 2

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

~~不幸的是，这是不可能的。您只能自定义URL和语言; see the documentation~~

修改：这实际上是可行的，请参阅BrettJ's answer。

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

由于Google希望+1按钮看起来一致，因此使用官方Google +1 JavaScript无法实现。但是，使用trick such as this one可以自定义图像。

诀窍是将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);
}

从Google +1按钮分享时指定图片

2 个答案:

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

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