Facebook の「いいね」ボタンを自分の Web サイトに追加しようとしています。コードを配置し、FireFox で動作していますが、Chrome では表示されません。
何らかの理由で、Chrome で公式の Facebook のようなボタン 'creator' を操作しているときに、URL をデフォルトから変更すると、好きなボタンが表示されなくなります。ただし、クロムでは機能します。
問題が何であるかはわかりませんが、それは私のコードである可能性があるため、以下に追加します。
新しい HTML タグ
<html xmlns:fb="http://ogp.me/ns/fb#" xmlns="http://www.w3.org/1999/xhtml">
ボタンを初期化するためのコード (Facebook から直接コピーして貼り付けます)
<!-- Facebook -->
<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&status=0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
ボタンのコード (これも Facebook から直接コピーして貼り付けます)
<fb:like href="https://www.facebook.com/wildblueberries" width="87" layout="button_count" show_faces="false" send="false"></fb:like>
ああ、問題をテストしたい場合は、ボタンを作成するために使用しようとしている Facebook のページです: https://developers.facebook.com/docs/reference/plugins/like/変更してみてくださいChrome の「いいねする URL」。そして、いいねボタンのプレビュー全体が消えます。
更新:ここに Facebook のようなボタンへのリンクがあります (iFrame によって作成されます) 。 =http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D26%23cb%3Df1732ea1fbdacbc%26origin%3Dhttp%253A%252F%252Fwildblueberries.com%252Fffb6e0ef554b96%26domain%3Dwildblueberries.com%26relation %3Dparent.parent&href=https%3A%2F%2Fwww.facebook.com%2Fwildblueberries&node_type=link&width=90&layout=button_count&colorscheme=light&show_faces=false&send=false&extended_social_context=false
アップデート 2この問題は、ブラウザから Facebook にログインしていない場合にのみ発生します。ログインしたら、問題は修正されました。唯一の問題は、世界中の誰もが Facebook にログインしているわけではないことです。そのため、Facebookのいいねボタンが壊れたままです。助言がありますか？- ありがとう！
更新 3ログインしているユーザーだけが「いいね」ボタンを表示できることがわかった後、Google で検索したところ、リンクしているファン ページにはおそらく人口統計フィルターが適用されています。
更新 4: ファン ページから人口統計フィルターを削除した後、問題は修正されました。