Facebookで厄介だったこと、確認すべきことをログっておきます。
1.サーバ仕様確認
PHP5.2以上、共用SSL使用可能
最近のレンタルサーバではほぼ大丈夫だが、いいね前後分岐させるためにはPHP5.2以上(JSON関係)が必要なのでここはチェック
いいね前後分岐についてはコチラが参考になります。
2.スクロールを消す
JS-SDKを使用して予めHMTL側にjavascriptを埋め込んでおく
<script type="text/javascript">
FB.init({
appId : 'XXXXXXXXXXXXXXXX',
status : true, // check login status
cookie : true, // enable cookies
xfbml : true, // parse XFBML
logging : true
});
// ここまでが JavaScript SDK を使うための準備(初期化)
// ここから iframe のサイズを変更するための記述(FB.Canvas.setSize)
window.fbAsyncInit = function() {
FB.Canvas.setSize();
}
// Do things that will sometimes call sizeChangeCallback()
function sizeChangeCallback() {
FB.Canvas.setSize();
}
</script>
<div id="fb-root"></div>
<script type="text/javascript">
FB.Canvas.setSize({width:XXX, height:XXX});
</script>3.開発者ページでアプリの登録
開発者ページにアクセスしてアプリとしてFacebookページにiframe用のHTMLを登録します。コチラにも登録手順が書かれています。(親切!)