カテゴリー : Facebook

[Facebook] The New Auth Dialog の設定方法

Facebook App の「The New Auth Dialog」の設定したのでメモ。

設定は、https://developers.facebook.com/apps/[YOUR_APP_ID]/auth にて出来ます。

・詳しくはこちら:Auth Dialog – Facebook Developers はてなブックマーク - Auth Dialog - Facebook Developers

以下のように設定すると、2, 3枚目のような認証ダイアログの対応になります。

以上です。

[Facebook] Notice of Violation: Privacy Policy という警告メールが届いた

昨日、Facebook からアプリへ「Notice of Violation: Privacy Policy」という警告メールが届いてました。

■ 原文(メール)

Hi,

We’ve found the following policy violation with your app and you need to address this issue by Tuesday April 17, 2012 at 5:00pm PST or your app may be subject to enforcement action.

Our policies require that your app has a privacy policy that tells users what user data you are going to use and how you will use, display, share, or transfer that data and you will include your privacy policy URL in the Developer Application (See Platform Policy II.3, http://developers.facebook.com/policy).

It has come to our attention that your app is missing a privacy policy in the permissions dialogue. Please update the privacy policy URL field in the Developer Application at developers.facebook.com/apps/[YOUR_APP_ID]/auth. Also, please review your app to ensure you are also displaying your privacy policy on your web site or within your app.

Thanks,
Platform Policy Team

■ 翻訳(Google翻訳)

こんにちは、

私達はあなたのアプリでは、次のポリシー違反を見つけまして、午後5:00 PSTまたはあなたのアプリケーションで火曜日2012年4月17日で、この問題に対処する必要がありますが強制行動の対象となる可能性があります。

私たちのポリシーはあなたのアプリケーションが使用しようとしているか、ユーザー·データおよび使用する方法をユーザーに通知プライバシーポリシーが提供されている必要があり、表示、共有、またはデータと、開発者のアプリケーションのプライバシーポリシーのURLが含まれている転送(プラットフォームポリシーII.3を参照してください、http://developers.facebook.com/policy)。

それはあなたのアプリケーションが権限の対話にプライバシーポリシーが欠落していることを確認いたしました。 developers.facebook.com/アプリ/ [YOUR_APP_ID] /認証のDeveloperアプリケーションでのプライバシーポリシーのURLフィールドを更新してください。また、あなたもあなたのウェブサイト、あるいは、あなたのアプリケーション内のプライバシーポリシーを表示していることを確認するために、あなたのアプリケーションを確認してください。

ありがとう、
プラットフォーム政策チーム

設定は、https://developers.facebook.com/apps/[YOUR_APP_ID]/auth からできます。

Facebook Developers https://developers.facebook.com/appsはてなブックマーク - Facebook Developers

詳しい設定方法は、Facebook Developers の「Auth Dialog」に書かれています。

Auth Dialog – Facebook Developers はてなブックマーク - Auth Dialog - Facebook Developers

以上です。

[Facebook API] アルバムに写真を投稿して、タグ付けする方法

Facebook の API を利用して、アルバムに写真を投稿して、それに人をタグ付けする方法を調べたのでメモ。

Photo や Album の API ドキュメント読めば、だいたい書いてあります。

Photo – Facebook Developers はてなブックマーク - Photo - Facebook Developers

Album – Facebook Developers はてなブックマーク - Album - Facebook Developers

PHP だとここを参考にすれば、良さそうですね。

FacebookのSDKで、自分のアルバムに写真を投稿し、タグ付けする方法 | tech.kayac.com – KAYAC engineers’ blog はてなブックマーク - FacebookのSDKで、自分のアルバムに写真を投稿し、タグ付けする方法 | tech.kayac.com - KAYAC engineers' blog

以上です。
 

[Ruby on Rails] Facebook外でのアクセスをFacebookページ内のアプリヘリダイレクトさせる方法

Ruby on Rails にて、Facebookアプリ外でのアクセスをFacebookページ内のアプリヘリダイレクトさせる処理を書いてみました。

before_filter :check_access_from_facebook
 
def check_access_from_facebook
  redirect_to MyRailsApp::Application.config.facebook_app_url if params[:signed_request].nil?
end

Facebookアプリは、Facebookのサイト内でアクセスがあった場合、必ずリクエストパラメータに signed_request が存在します。

なので、これがない場合はFacebook外でのアクセスというように判断して、Facebookページ内のアプリへリダイレクトさせるようにしました。

signed_request から取得したパラメータに依存した実装になっていると、Facebook外で単独のWebアプリとして正常に動作しないので、今回はリダイレクトさせることで解決しました。

以上です。

【参考】

Railsのcontrollerやviewの中で現在処理中のURLを知る方法: request.url – memo.yomukaku.net はてなブックマーク - Railsのcontrollerやviewの中で現在処理中のURLを知る方法: request.url - memo.yomukaku.net

[Facebook] スマートフォン用アプリ開発をするときに参考になる記事まとめ

Facebookで、スマートフォン用アプリ開発をするときに参考になる記事をまとめてみました。

ザクッと Facebookアプリをモバイル対応させるための方法が書かれています。

Mobile – Facebook Developers はてなブックマーク - Mobile - Facebook Developers
 

Webアプリ

Facebook のスマートフォン用Webアプリ開発を始めるなら、「Mobile Web Tutorial」がおすすめです。

モバイルアプリが作れるようになるチュートリアルです。

Mobile Web Tutorial – Facebook Developers はてなブックマーク - Mobile Web Tutorial - Facebook Developers

・サンプルアプリ:Hackbook はてなブックマーク - Hackbook

・サンプルアプリのコード:mobile-web-hackbook at master from facebook/platform-samples – GitHub はてなブックマーク - mobile-web-hackbook at master from facebook/platform-samples - GitHub
 

■ モバイルブラウザでのテスト

・iOS:Safari Web Content Guide: Debugging はてなブックマーク - Safari Web Content Guide: Debugging

・Android:Debugging Web Apps | Android Developers はてなブックマーク - Debugging Web Apps | Android Developers
 

モバイルアプリで出来ることの一覧。

Mobile Distribution – Facebook Developers はてなブックマーク - Mobile Distribution - Facebook Developers

既にリリースされているモバイルアプリがまとめられているサイト。

Mobile Gallery – Facebook Developers はてなブックマーク - Mobile Gallery - Facebook Developers
 

iOS ネイティブアプリ【iPhone/iPad/iPod Touch】

iPhone/iPad などの iOS 向けネイティブアプリ開発用チュートリアルです。

iOS Tutorial – Facebook Developers はてなブックマーク - iOS Tutorial - Facebook Developers

iOS Screenshots – Facebook Developers はてなブックマーク - iOS Screenshots - Facebook Developers
 

Android ネイティブアプリ

Android Tutorial – Facebook Developers はてなブックマーク - Android Tutorial - Facebook Developers

以上です。

[Facebook] Offline Access Permission(オフラインアクセスパーミッション)が2012年5月1日に完全廃止

Facebook API の仕様変更により、2012年5月1日に Offline Access Permission(オフラインアクセスパーミッション)が完全に廃止されるそうです。

Deprecation of Offline Access Permission – Facebook Developers はてなブックマーク - Deprecation of Offline Access Permission - Facebook Developers

May 1, 2012

1. Offline_accessパーミッションの廃止

offline_accessパーミッションを廃止にするための移行を開始しました。2012年5月1日にoffline_accessが完全に廃止されるまでは、この設定を自分で切り替えることができます。Deprecation of Offline Access(未訳)のドキュメントで詳細を確認してください。

・引用元:開発者ロードマップ(2012-03-06) : Facebook開発者向けドキュメントの日本語訳とTips はてなブックマーク - 開発者ロードマップ(2012-03-06) : Facebook開発者向けドキュメントの日本語訳とTips

この仕様変更により、Facebookアプリの利用者は自分の知らない間にフェイスブックの情報を操作されずにすみそうです。

また、Facebookアプリ開発者は、開発するアプリの幅が狭まりそうですね。

[Facebook] Developer Spotlight まとめ

Facebook Developers ブログで紹介されている「Developer Spotlight」をまとめてみました。

■ 第0弾

Early Success Stories: Timeline Apps and Open Graph – Facebook Developers はてなブックマーク - Early Success Stories: Timeline Apps and Open Graph - Facebook Developers

■ みなさま御存知のPinterest

Developer Spotlight: Pinterest – Facebook Developers はてなブックマーク - Developer Spotlight: Pinterest - Facebook Developers

■ Goodreads

Developer Spotlight: Goodreads – Facebook Developers はてなブックマーク - Developer Spotlight: Goodreads - Facebook Developers

■ ニュースサイト「The Guardian」の事例。

見たり聴いたりした記事、音声、動画などが、友達のニュースフィードに現れる。

Developer Spotlight: The Guardian – Facebook Developers はてなブックマーク - Developer Spotlight: The Guardian - Facebook Developers

以上です。(随時更新予定)

Facebookページタイムラインでカスタムタブ画像を変更する方法

2012年3月30日からタイムラインが適用される、Facebookページのカスタムタブ画像を変更する方法を調べたのでメモ。

詳しくは、下記のサイトを参考にしました。

新しいデザインのFacebookページでカスタムタブ画像を変更する方法: 小粋空間 はてなブックマーク - 新しいデザインのFacebookページでカスタムタブ画像を変更する方法: 小粋空間

以上です。

[Facebook] Developer/HTML5 Blog や Weekly Platform Updates、Platform Statusなどの情報がメール購読できるようになりました

Facebook の開発者向け情報がメールで購読できるようになったみたいです。

・設定ページ:Settings – Facebook Developers はてなブックマーク - Settings - Facebook Developers
 

メール購読できる情報一覧

・Weekly Platform Updates

Developer Blog はてなブックマーク - Developer Blog - Facebook Developers

HTML5 Blog はてなブックマーク - HTML5 Blog - Facebook Developers

Platform Status はてなブックマーク - Platform Status - Facebook Developers
 

とりあえず、全部チェックを入れてメール購読してみます。
 

[Facebook] ページのウォールアイコンをサイズを合わせて見やすく表示する方法

Facebookページのウォールアイコンをサイズを合わせて見やすく表示する方法を調べたのでメモ。

・参考:Facebookページのウォールアイコンをきれいに表示する方法 | Facebookを活用しよう!Facebookページの作成はRefineでね はてなブックマーク - Facebookページのウォールアイコンをきれいに表示する方法 | Facebookを活用しよう!Facebookページの作成はRefineでね

ウォール投稿などで表示されるサムネイル画像は、px単位で細かく指定すればキレイに表示できるみたいです。