私は自分のサイトに基本的な Facebook のようなボタンが欲しいだけです。Facebook サイト (http://developers.facebook.com/docs/reference/plugins/like/) の指示に従います。HTML5
、XFBML
、および方法を試しましたが、iFrame
どちらにも喜びはありませんでした。だから、私のサイトが干渉しているのかもしれないと思った。そのため、以下のような必要最小限の html ページを作成しましたが、それでもFB.getLoginStatus()
呼び出される前にFB.init()
エラーが発生します。
<html>
<body>
<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";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://www.facebook.com/[mypage]" data-send="false" data-width="450" data-show-faces="false"></div>
</body>
</html>
更新:上記のものをすべて削除してiFrame
唯一の方法に戻しましたが、Firefoxでのみ機能します。Chrome と IE9 では、エラーは報告されませんが、何も表示されません。以下の行が FireFox でのみ機能するのはなぜですか (明らかに [myPage] 部分が交換されています)。
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2F[myPage]&send=false&layout=standard&width=450&show_faces=false&action=like&colorscheme=light&font&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true"></iframe>