Posted at 2012-10-20 18:30:40 under テクノロジ (by key)

申請中で結果出てないんだけど、思いの外面倒だったので備忘録的メモ。 OpenGraphアクションって何?って人は、 OGP とか Facebook開発者ページ とか読んでみてください。 端的に書くとFacebook上に「自転車に乗りました」とか通知することができます。

1. Appのページに移動

自分で作ったアプリの設定ページを開きます。 https://developers.facebook.com/apps/app_id

2. オブジェクトを追加

アプリのOpenGraphの項目から、Edit Open Graphを開きます。でもってCreate New Object Typeをクリック。 MyBikeではBikeオブジェクトを定義して、Brand, FrameTypeが設定できるようにしてます。

3. アクションを追加(対象オブジェクトの指定もここで)

アプリのページでEdit Open Graphを開いてからCreate New Actionをクリック。 MyBikeではRegisterアクションを定義して、対象にBikeオブジェクトとComponentオブジェクトを指定。

4. オブジェクト、アクションのGet codeのアウトプットを元にデバッグ!デバッグ!デバッグ!

デバッグしろ!デバッグしろ!デバッグしろ!デバッグしろ!デバッグしろ!デバッグしろ!デバッグしろ!デバッグしろ! この時最低一度はFacebook上にアクションを流しておくこと。アプリのadminであれば可能(理由は後述)。

5. アクションのSubmit

Open GraphのアクションはFacebookにサブミットが必要。 サブミットする前は、管理者、デベロッパロールが無いと使えない ので、Facebookのレビュワーが使える環境を用意する。要件としては以下の様な感じ。

  • アクションを定義しているアプリのAPP_IDを設定する
  • Facebookのテスタがアクセス出来るようにする(BASIC認証があってもいいので教える)

MyBikeではステージング環境を作ってプロダクションと同じAPP_IDを指定。

さて実際のサブミットは、Action Types右側に Submit というのがあるのでそれをクリック。 サブミットに際して幾つか連絡事項を書く。

OpenGraphアクションを起動する手順

最初のフォームはOpenGraphアクションを起動する手順。 ウェブサイト上でのオペレーション手順を書けばOK(だと思う)。

1. Open stg.mybikenote.com
2. Create new account with facebook login
3. Click 'explorer bikes' and click 'register new bike'
4. Input some information about bike
5. Click 'Save'
6. Check your timeline

次、アクション起動時にタグ付や写真アップロードなど、Facebook側にポストするデータの有無とその理由を指定。 MyBikeは写真をアップロードする可能性があるのでUser Generated Photosにチェック。

1. Click 'register new bike'
2. Click 'choose file' in form, uploads your photo.
3. Click 'Save'

最後にSubmit for Aprovalをクリックして完了。

Tags: facebook
blog comments powered by Disqus