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、CSS、JavaScript等を作成する
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)クレジット情報の登録
こんな感じでファンページを作成します。
あと無料の雛型ページも公開されていますので、それを使えば簡単にファンページを作成できます。