Facebookにファンページを作成しました

こんにちは、今週の日曜日に、Facebookの方に、恥ずかしながら会社のファンページを作成しました。

セキュリティチェックが必要です

まだ何か動作が変なのですが、取り敢えず画面だけは見えると思いますので、時間があれば、ちょっと見てもらって、ついでに「いいね!」をクリックしてもらえば、とても嬉しく思います。

現在4ページ構成なのですが、来週までには、パッケージのデモ版がダウンロードできるようにしたいと思っています。

それと、「備忘録」みたいなものですが、ファンページの作成方法を記載しておきます。

Facebookでのファンページの作り方】

1.Facebookにログイン
2.画面一番下の「開発者」をクリック
3.画面上部の「マイアプリ」をクリック
4.画面右上の「+Set Up New App」をクリック → 「アプリケーション作成画面」を表示
5.アプリケーション名を入力 → 何でも構わないが、既に登録されている名前はNG
 例:Msystem_Corporate
6.「同意する」を選び、「アプリケーションを作成」をクリック → セキュリティ・チェック画面
7.「Facebookについて」画面
 (1)「説明」:アプリケーション(ページ)の説明
 (2)「アイコン」/「ロゴ」:必要に応じて→ページを開いた時の左メニューバーに表示される
 (3)「言語」:「日本語」を選択
 (4)その他:必要に応じて変更や指定 → 特にそのままでも問題なし
8.「Web Site」画面
 (1)「サイトURL」:Facebookアプリ(ファンページ)を格納するサイトURLを指定
 例:http : //msystm.co.jp/face_appl/
 (2)「Site Domain」:サーバーのドメインを指定
 例:msystm.co.jp
9.「Facebook Integration」画面
 (1)「キャンバスページ」:作成したページのFacebook上のURL。既にあるURLは
   取得不可。小文字アルファベットを指定。
 (2)「キャンバスページURL」:上記「サイトURL」と同一
 (3)「iFrameサイズ」:「Auto-resize」を選択
 (4)「タブ名」:Facebookのサイドバーに表示されるタブ名。例:企業概要、サービス、等
 (5)「タブのURL」:上記「サイトURL」に格納するphpファイル名。必ず「index.php
 例:http : //msystm.co.jp/face_appl/corp/index.php
 (6)その他:特に指定する必要なし
10.上記7〜9を指定したら画面下の「変更を保存」をクリック
11.「Changes saved,Note that your changes may take several minutes to propagate
   to all servers」と表示される

12.次に上記「キャンバスページURL」内に、html、CSSJavaScript等を作成する

13.JavaScriptを使用する場合、外部ファイルを用意し、その中に、下記項目を定義
 var Timer_id;
 var myappId = '999999999999999';←99〜99の部分に「アプリケーションID」を指定

14.Facebookページに作成したページ(アプリ)を追加する
 (1)画面一番下の「開発者」をクリック
 (2)画面上部の「マイアプリ」をクリック
 (3)表示される作成済のアプリを選択
 (4)「Application Profile Page」をクリック
 (5)左メニュー「マイページへ追加」をクリック
 (6)Facebookページ一覧から該当アプリ(ページ)を追加したいページを選んで「ページに追加」をクリック
 (7)ページを追加したページを開く
 (8)「Facebookページを編集→左メニュー「アプリ」クリック→上記(6)で追加した
   アプリが表示されていればOK
 (9)編集でタブ名を変更できる


※2011/12/10に仕様変更があった模様で、「アプリのプロフィールページを見る」が表示されなくなった。
そのため、以下のURLを直接たたく必要がある

https://www.facebook.com/dialog/pagetab?app_id=[Your APP ID]&next=[Secure Page Tab URL]

APP IDは設定画面の上部に、Secure Page Tab URLは「ページタブ」のところで設定したURLのこと。
上記のURLを開くとFacebookページの選択画面が出るため、追加したいページを選択して「ページタブを追加」をクリック


15.作成した各種ファイルをサーバーに転送する
 (1)jsファイル
 (2)css
 (3)html
 (4)その他画像ファイル等

以上が、ファンページ作成手順ですが、本当は、一番最初に下記手順があります。

(1)アプリの許可
(2)クレジット情報の登録

こんな感じでファンページを作成します。

あと無料の雛型ページも公開されていますので、それを使えば簡単にファンページを作成できます。