大きな画像ギャラリー Web ページがあります。画像ごとに Facebook の「いいね」ボタンを配置したいので、各いいねボタンの API URL を次のように設定します。
<div class="fb-like" data-href="http://mysite.com/gallery/photo1.jpg" data-send="true" data-width="300" data-show-faces="false"></div>
ただし、Facebook API はこれを好まないようです。コンソールには、ドメイン間に不一致があると表示されます。
これは、実際の「いいね」ボタンが 1 つmysite.com/galleryの URL にあるためだと推測mysite.com/gallery/photo1.jpgしています。
これに対する回避策を知っている人はいますか？あるページに Facebook の「いいね！」ボタンがあり、別の別のページに「いいね！」するページがありますか?