Facebookの「いいね」ボタンを3つ必要とするページがあります。
それらはすべて異なるURLが好きです。
いいねボタンごとに異なるプロフィール画像(Facebookに表示されるもの)を選択するにはどうすればよいですか。
ヘルプはありますか?
Facebookの「いいね」ボタンを3つ必要とするページがあります。
それらはすべて異なるURLが好きです。
いいねボタンごとに異なるプロフィール画像(Facebookに表示されるもの)を選択するにはどうすればよいですか。
ヘルプはありますか?
他のページの「いいね」ボタンのサムネイルは、他のURLのog.imageによって設定されます。
したがって、example.com / puppiesが気に入った場合、FBは、どこにいてもそのURLのOGデータを使用します。
Webページをグラフオブジェクトに変換するには、ページに基本的なメタデータを追加する必要があります。プロトコルの初期バージョンはRDFaに基づいています。つまり、Webページのに追加のタグを配置します。すべてのページに必要な4つのプロパティは次のとおりです。
og:title-グラフ内に表示されるオブジェクトのタイトル(例:「TheRock」)。
og:type-オブジェクトのタイプ(例:「video.movie」)。指定するタイプによっては、他のプロパティも必要になる場合があります。
og:image-グラフ内のオブジェクトを表す画像URL。
og:url-グラフで永続IDとして使用されるオブジェクトの正規URL(例:「http://www.imdb.com/title/tt0117500/」)。
ついに私は自分のやり方で問題を解決しました。
私がしたことは...
いいねするためにURLと一緒に追加のパラメータを渡します。パラメータには、そのリンクの一意の識別子が含まれています。
そのページのすべてのリクエストでパラメータを確認してください。見つかった場合は、それに応じてメタタグを設定します。
サンプルコード:
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=xxxxxxxxx";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://www.example1.com" data-send="false" data-width="450" data-show-faces="true"></div>
<div class="fb-like" data-href="http://www.example2.com" data-send="false" data-width="450" data-show-faces="true"></div>
<div class="fb-like" data-href="http://www.example3.com" data-send="false" data-width="450" data-show-faces="true"></div>