私はインターネットを探し回り、#facebook に飛び込んでも役に立たなかった. FBXML コードを試してみましたが、同じように動作します。Facebook にログインしていない場合、Like ボタンはページに表示されません。
奇妙なのは、コードが処理され、FB がその魔法を fb のような div に挿入することですが、表示されるすべての要素の幅/高さは 0 です。トラブルシューティングまたは役立つリードを発見します。
以下は私が使用しているコードです。FB SDK と fb のような要素は、https://developers.facebook.com/docs/reference/plugins/like/から直接入手できます。
頭の中:
<meta property="fb:app_id" content="APP ID"/>
body タグの直前:
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
// Additional initialization code such as adding Event Listeners goes here
FB.Event.subscribe('edge.create',
function(response) {
$.trackEvent.apply(jQuery, ['Outbound Links', 'Click', 'Facebook']);
}
);
};
(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-layout="button_count" data-width="50" data-show-faces="false"></div>