7

このリンクでは、Google +1 ボタンの URL を指定する方法を学びました。

gplus one button にカスタム URL を指定します。

特定の画像を指定することはできますか?

編集済み

Google プラス ボタンの gif や Google プラス ボタンの背景を変更する必要はありません。ユーザーがソーシャル ネットワークで共有したい画像を指定する必要があります。

可能です？

4

2 に答える 2

10

はい、これは可能です。

つまり、Google+ での共有によって生成されるスニペットに表示される画像を指定したいということです。+1 ボタンは 2 つのことを行います。1) クリックするとカウントに +1 が追加されます。2) オプションで、ユーザーが URL を Google+ に共有してコメントできるようにします。

あなたが求めているのは、そのやり取りの 2 番目の部分であり、https://developers.google.com/+/plugins/snippet/に文書化されています。

そのページには、ページに挿入する必要がある HTML を生成するのに役立つツールがあります。スニペット情報を指定する 3 つの異なる方法から選択することもできます。

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 ではそれができません。ただし、このようなトリックを使用すると、画像をカスタマイズできます。

コツは、次の0ように CSS の不透明度を に設定することです。

.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 に答える