facebook Welcome(ウェルカム)ページの作成方法！
投稿日 2011年11月23日
カテゴリー Facebook, WEBデザイン, テンプレート | コメントする
facebookページ（旧facebookウェルカムページ）の作成方法は様々なブログで紹介されていますが、facebookのシステムの変更が非常に速いため、情報が古くなっているものが殆どです。そこで今更のようですが、最新のfacebookページの作成手順をまとめてみましたので、参考にして下さい。
ホームページを作成しておく
作成するページ自体は普通のホームページでOKです。ですからjavascriptを使ったページでもFlashを使ったページでも基本的（ブラウザが対応している場合）には表示できます。
ただしfacebookで与えられたフレームのサイズは520px × 800pxですので、横幅が520px以上のページはスクロールが出てきてあまり推奨できません。
520px × 800pxより少し小さいサイズで作成するとスクロールバーが表示されないので、すっきりしていいと思います。
自分で作成出来ない方は、こちらでfacebookページのテンプレートを無料で配布していますので、ダウンロードしてご利用下さい。
※こちらのテンプレートはJavascriptを使って、スクロールバーの表示を消しています。
ご自身の契約しているサーバーのディレクトリに、facebookで表示させるページをアップロード
しておきます。
ブラウザでIEを使っている方は、Firefoxをインストールして、ページの表示確認を行うことをオススメします。
ホームページ初心者の方は、こちらでサーバーへアップロードする方法を解説しています＞＞
facebookページの作成手順
facebookのアカウントをお持ちの場合は、
自分のアカウントにログインし、画面一番下にある、「Facebookページを作成」をクリックします。
facebookアカウントを持っていない場合は、
下記のURLをアドレスバーに入力して下さい。
http://www.facebook.com/pages/create.php
「会社名または団体名」か「ブランドまたは製品」を選択して下さい。
会社名や商品名などを入力して、「スタート」へ進みます。
サイドのナビゲーションバーに表示される画像をアップロードします。
縦長の長方形（横幅200px～250px)（高さ300px～400px)がデザイン的にいいと思います。
アップロードした画像の確認を行い「続行」へ進みます。
このページはそのままでいいので「続行」で次へ進みます。
次の画面で、「ウェブサイト」にfacebookに読み込ませるページのURLを入力し、
「情報」に簡単なページの説明を書いて下さい。
「続行」で次へ進みます。
これで一般的なfacebookページの作成が出来ました。
ウェルカムページの作成
このままではウォールが表示されるだけですので、ウェルカムページが表示されるように設定を行っていきます。
facebookページを開いた状態で、下記へアクセスします。
http://facebook.com/developers
「許可する」をクリックして下さい。
下記のような画面に切り替わりますので、「アプリケーションを作成」をクリックします。
下記のような別ウィンドウが立ち上がりますので、App Display Nameにナビゲーションバーに表示させるページ名を入力します。App Namespaceは空のままでOKです。
I agree to the Facebook Platform Policies.にチェックを入れて、「続行」をクリックします。
セキュリティチェックに表示されている英数字を入力して「送信」ボタンをクリックします。
下記の赤で囲んだ部分の入力を行います。
１）カテゴリーの選択を行います。
２）ウェブサイト
サイトURL；facebookページで表示させるページのあるURLを入力します。
３）ページタブ
ページタブ名；ナビゲーションバーに表示させるページ名を入力
Page Tab URL:とSecure Page Tab URL：とPage Tab Edit URL：には、
２）と同じURLを入力します。
入力が終われば、「変更を保存」をクリックします。
下記のように表示されれば成功です。
ナビゲーションメニューにある「アプリのプロフィールページを見る」を選択します。
画面がfacebookページへと切り替わります。
ナビゲーションメニューの「マイページヘ追加」をクリックします。
反映させるfacebookページのページ名を選択し、「Add to Page」ボタンをクリックします。
これで反映されました、別ウィンドウを閉じます。
画面上にある「基本データを編集」を選択して下さい。
下記の画面が表示されない場合は、一旦ホームに戻り、facebookページを選択し、
「基本データを編集」の手順で進んで下さい。
ページやページ管理者の詳細データを入力します。
facebookページは1つまで短縮した専用のfacebook URLを作成できるので、
ユーザーネーム（ユニークURL）の「このページのユーザーネームを作成しますか」
を選択して下さい。
任意のユーザーネームを入力します。
http://www.facebook.com/[ここに入るページ名です。]
「選択可能か確認」ボタンを押して、取得可能か確認します。
取得可能であれば、下記のような確認の画面が表示されるので、問題なければ
「承認」ボタンをクリックして、専用URLを作成します。
ナビゲーションメニューの「権限の管理」を選択します。
このままでは、アクセスしたときに表示される画面が、ウォールになっているので、
「デフォルトで表示するタブ」を、作成したfacebookページに変更します。
これで先ほど作成した、専用URLにアクセスするとfacebookページ（ウェルカムページ）が表示されるようになります。
ライクボックスを設置した場合に、ライクボックスからfacebookページへアクセスした場合も、この画面が一番最初に表示されます。
これでfacebookのWelcomeページの完成です！
