19

Google プロフィールに表示される Google +1 ボタンの画像とテキストを変更する方法を知っている人はいますか? 私はウェブサイトを持っていて、ユーザーが +1 ボタンを押したときのカスタム テキストと画像を設定したいと考えています。この情報は、ご存じない場合、Google プロフィールの「+1」の下に表示されます。

要するに、クリックしたときにプロフィールに表示されるカスタム テキストと画像の設定に関して、Google +1 ボタンを Facebook のようなボタンと同じように機能させる方法はありますか。

4

4 に答える 4

8

Ok。何もないことについて大騒ぎした後-後で私のプロフィールへの多くの多くのリンク....

これがあなたのやり方です。(私が参照する「投稿」は、Google + のプロフィールの +1 ページのエントリです。「ターゲット ページ」は、+1 ボタン タグで参照しているページです。)

  1. ターゲット ページの投稿のタイトルは、投稿のタイトルとして読み取られるものです。
  2. 投稿のコンテンツは、ターゲット ページの最初のテキスト ブロックから取得されます
  3. 投稿の画像 (親指のように) は、ページで最初に見つかった画像です。
  4. サイト名 (青色) は、ページのドメインです。

まず、ターゲット ページの本文に を作成し、div のスタイル属性を「position:absolute; top:-1000px; left: -1000px;」に設定します。

次に、ページ自体のヘッダーに、投稿に含めるタイトル タグを含めます。とにかく、これは当然ページが呼ばれるべきものです。

次に、投稿の親指として表示する画像のコピーを作成した div に含めます。img タグにサイズ属性を含めないでください。Google はそれを無視します。また、画像ではないもの (つまり、ファイルを param として受け取る、php で記述されたサイズ変更スクリプト) を無視するように見えます。

最後に、投稿のコンテンツ/本文テキストを画像の後の div に追加します。どのくらいのテキストを使用できるかわかりません。

以上です。まあ、そのグーグルなので進化しますが、それは私にとってはうまくいっています。

デイブ。

于 2011-07-21T09:09:32.990 に答える
3

最適な方法は、Google ドキュメントの次の例からわかるように、Schema.org の microdata 形式を使用することです。

<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

Google のドキュメントをチェックアウトしましたか? http://code.google.com/apis/+1button/

于 2011-07-08T19:30:08.353 に答える
1

不透明度を「0」に設定することでそれを行うことができます..

私はそれを成功させました..

于 2011-11-17T07:49:30.597 に答える