[Facebookとブログ連携はじめの一歩！] ウェブページ・アプリケーションの作成 : Mac・iPhone・iPad を使い倒したい

ウェブサイトやブログに facebook ページを連携して、多くの人に知ってもらうということが広まっていますねー

しかし、facebook のサイトにも日本語でわかりやすく連携方法は記載されておらず、ちょっと設定方法がわかりにくい感じがします。ここでは、その連携方法の第一歩となる、ウェブページ・アプリケーションの作成方法を記載します。

facebook ページとウェブサイトを連携するには、facebook developers で Webサイトをひとつのアプリケーションとして作成し、登録する必要があります。その Webサイトのアプリには、Webサイトの情報を登録し、その情報を元にウェブサイトに設置した Like Box が facebookページと連携できるようになります。

そのウェブサイトのアプリケーションを facebook developers で作成し、アプリケーションID を取得する方法です。

アプリケーションID の取得方法

まずは、facebookページと連携するウェブサイトのアプリケーションを作ります。

facebook にログインした状態で、http://developers.facebook.com/setup を開きます。

「Create New APP」というポップアップがあがるので、それぞれに以下を入力します。

App Name	アプリケーションを識別する任意の文字列。ウェブサイト名やブログ名にするとわかりやすいです。
App Namespace	アプリケーションの名前空間と呼ばれる項目です。入力する必要がないので、未入力にしときます。
Web Hosting	これは、クラウドプラットフォームである Heroku というサービスを使うかどうか聞いています。使わないのでそのままチェックしないようにします。

セキュリティチェックのポップアップがあがるので、表示されている文字を入力します。

ここで、アプリケーションID (App ID) が作成されています。

次に、このアプリケーションID に紐づく情報として Webサイトの基本設定を登録していきます。

項目の説明はそれぞれ以下です。

Display Name	前のステップ 1 で作成した App Name が入力されていることを確認します。
Namespace	ここは空白でOK。
連絡先メールアドレス	デフォルトでログインID であるメールアドレスが設定されます。何かの通知先として使用されるので、変更がなければこのままで OK。
App Domains	連携する Webサイトのドメイン (http:// を除いたアドレス) を入力します。
カテゴリ	Webサイトやブログの場合は、「ページ用アプリ」で良いでしょう。
Sandbox Mode	不特定多数が見る Webサイトへの設定なので、「オフ」とし制限されないようにします。
Website with Facebook Login	連携する Webサイトの URL を入力します。