簡単なFacebookソーシャルプラグインコメントボックスを自分のWebサイトに実装しようとしていました。私のサイトのすべての投稿に1つあるため、ボックスのURLは静的ではありませんが、PHPを使用して生成されます。
しばらくは正常に動作していましたが、突然動作を停止し、元に戻せなくなりました。私はFacebookの開発にあまり詳しくないので、コードを間違えた可能性があります。
Facebook Javascript SDKをロードする方法は次のとおりです(匿名性のためにいくつかのフィールドを変更しました):
<div id='fb-root'></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : MY_ID,
channelUrl : 'http://www.mysite.com/channel.php',
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>
そして、これが私がコメントボックスを初期化する方法です:
<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&appId=MY_ID';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div class='fb-comments' data-href='http://mysite.com/post?id=<?php echo $id; ?>' data-num-posts='4' data-width='470'></div>
これがchannel.phpです:
<?php
header("Pragma: public");
$cache_expire = 60*60*24*365;
header("Cache-Control: max-age=".$cache_expire);
header('Expires: ' . gmdate('D, d M Y H:i:s', time()+$cache_expire) . ' GMT');
?>
<!DOCTYPE html>
<script src="//connect.facebook.net/en_US/all.js"></script>
ページの最後にスクリプトを本文に貼り付けました。現在、何も表示されていません。エラーはなく、空白だけです。これを機能させるための助けをいただければ幸いです。