ソーシャルプラグインを使用して私のサイトに同じボタンを埋め込みました。私はボタンのドキュメント(http://developers.facebook.com/docs/reference/plugins/like/)のように生成されたコードから始めました。私は、送信または顔なしで標準レイアウトを使用しています。ボタン自体が表示され、正常に動作します。ただし、コメントダイアログは表示されません。ボタンコメントダイアログのようなソーシャルプラグインが表示されない
私はこの作業を行うためにいくつかの提案を見つけましたが、それまでは失敗しています。幅は450pxです。私はHTML5、XFBML、およびIFrameのバージョンを試しました。 IFrameのバージョンには「コメントを追加」リンクがあります。そのダイアログは表示されましたが、カットオフでした。 FB.initも使用しました。ここに私のhtmlがあります。私はそれがCSS関連かもしれないと思っているようなボタンのビットを除いてすべてを取り除いたが、ストリップされたバージョンはどちらも動作しない。
<!DOCTYPE html>
<html xmlns:fb="http://ogp.me/ns/fb#">
<body>
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'appid', // App ID
channelUrl : '//localhost:8282/myapp/channel.html', // Channel File
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
// Additional initialization code here
};
// Load the SDK Asynchronously
(function(d){
var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js";
ref.parentNode.insertBefore(js, ref);
}(document));
</script>
<!-- <div class="fb-like" data-href="http://www.espn.com" data-send="false" data-show-faces="false" data-width="450"></div> -->
<fb:like href="http://www.espn.com" send="false" width="450" show_faces="false" />
</body>
</html>
場合によっては、2番目の目がかかるだけです。助けを前にありがとう。