2

フォトギャラリーのあるウェブサイトがあり、プラスワンボタンでギャラリー自体ではなくフォトページを指すようにしたいのです。つまり、ユーザーが画像をめくったときに動的に変更する必要があります。それを行う適切な方法は何でしょうか？

4

3 に答える 3

4

ヘッドタグにこれを書いてください：

// Load +1 script
(function() {
  var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
  po.src = 'https://apis.google.com/js/plusone.js';
  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();

HTMLコード：

<div id="plusone_container">

</div>

そして、+1ボタンのURLを設定したい場所にこのjQueryを記述します。

    $("#plusone_container").html('<div id="plusone"></div>');
    gapi.plusone.render("plusone", { "href": "Your URL" });
于 2013-06-26T14:16:29.973 に答える
2

公式ドキュメントから：

+1ターゲットURLの設定

+1されるURLは、次の順序で決定されます。

  1. ボタンのhref属性この属性は、+1ターゲットURLを明示的に定義します。
  2. ページのタグ+1ボタンのhref属性が指定されていない場合、Googleはページの正規URLを使用します。ページの正規URLの定義の詳細については、このヘルプ記事を参照してください。
  3. document.location.hrefによって提供されるURL。これは推奨されません。これらのアイテムのいずれも存在しない場合、GoogleはDOMにあるページのURLを使用します。このURLには、セッションID、アンカー、または実際には正規URLの一部ではないその他のパラメーターが含まれている可能性があるため、+ 1ボタンのhref属性を設定するか、ページにタグを追加することを強くお勧めします。

さまざまな写真を表すタグのコレクションがあると仮定します。各写真が次のようなもので表されていると仮定しましょう。

<div class="single-photo">
    <img/>
    <a href="http://single.photo.com/path">My photo</a>

</div>

+1ボタンを追加する最も簡単な方法は、次のようにすることです。

<div class="single-photo">
    <img/>
    <a href="http://single.photo.com/path">My photo</a>
    <div class="g-plusone" data-href="http://single.photo.com/path" data-other-parameter="other-parameter-value"></div>
</div>
于 2012-11-07T13:15:49.210 に答える
0

明示的にレンダリングされるボタンを作成し、正規リンクのhrefを変更することで、問題を解決しました。ボタンにURLが指定されていない場合は、正規リンク属性からURLを取得します。次に、それを再レンダリングすることで、毎回異なるURLを指すようにすることができます。

于 2012-11-08T13:28:31.277 に答える