Facebookページ作成 ページの高さを自動調整させる方法 – How to automatically adjust the height

この記事は5年前に書かれました。不適当な記述を含む場合がありますので、参考程度に留めてください。

どうもこんにちは!今回のネタは…【Facebookページ作成 ページの高さを自動調整させる方法】です。バージョンが変わったからか、少し前に個人的に使ってた「高さを指定しておく」方法が効かなくなった(?)ので、自動算出&調整してくれるコチラの方法を推奨します。

コード

以下のコードをhead内で読み込ませてください。

JS
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script>
HTML

<body>

<div id="fb-root"></div>
<script type="text/javascript">
FB.init({
appId : ‘ここにAPPのID’,
status : true,
cookie : true,
xfbml : true,
logging : true
});
FB.Canvas.setAutoGrow();
</script>

<div id="container">
<div id="contents">
<!– ///////////// サンプル ///////////// –>
</div>
</div>

以上になります。
簡単ですので機会がありましたらお試しください。