facebookファンページ制作時にスクロールバーを消す方法

2011.06.18

最近Facebookを始めましたがなかなか感覚をつかむまで苦労しました笑
その最中にファンページ（企業ページ？）の制作も並行して始めたのでその際の覚書を。

まずはFacebookファンページは通常width(幅)520px height(高さ)800px内で制作する事になるのですが当然高さが800pxでおさまらない事もあると思いますそんな時にちょこっとコードを足してやるだけで800pxも調整を自分で出来るようになります。

<head>～</head>内にコードの記述

<head>～</head>内にスクリプトを読み込ませる。
他にスクリプトを読み込ませているのであればこのコードを最初に読み込ませてください。

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

<body>～</body>内にコードの記述

<body>～</body>内であればどこにコードを埋め込んでも良いようですが僕は<body>開始直後に記述しました。

  <div id="fb-root"></div>
<script type="text/javascript"><!--
FB.init({
  appId: '0000000000',
  status: true,
  cookie: true,
  xfbml: true
});
  FB.Canvas.setSize({ width: 520, height: 1000 });
// --></script>

appidには自分のfcebookアプリIDを記入する。
widthはFacebookファンページの横幅を指定520pxなのでこのままでよし。
heightはページの高さ指定になるのでここを調整する。
heightがページの高さより低く設定されている場合はスクロールバーが表示されてしまうのでページ制作後に高さを設定するのも良いと思います。

こんな感じでFacebookのファンページのスクロールバーを消す事が出来ます。

インベントリーのファンページは整備できた段階でご報告させて頂きます！
その際は是非イイネをクリックしてください笑

この記事をシェア

この記事の投稿者

辻本龍太: INVENTORY&CO. | 株式会社インベントリー
代表取締役