カテゴリー : Facebook

[Facebook] @proxymail.facebook.com のメールアドレスについて

Facebook アプリ経由でメールアドレスを渡すときに、登録しているメールアドレスではなく @proxymail.facebook.com のメールアドレスを渡すことができたみたいです。

・参考:Facebookのアプリやゲーム経由でスパマーにメールアドレスを漏らさないようにするには? | 適宜覚書-Fragments はてなブックマーク - Facebookのアプリやゲーム経由でスパマーにメールアドレスを漏らさないようにするには? | 適宜覚書-Fragments

以前のFacebookアプリの仕様では出来たみたいだけど、仕様変更があってからはできなくなったみたい?

(2012/07/07時点の情報です)

[Facebook] ページタブアプリ(iframe) でリダイレクト(redirect)できない問題と解決方法

Facebook のページタブアプリ(iframe) にて、リダイレクト(redirect)処理を実行すると、画面が真っ白になって何も表示されない問題でハマりました。

■ サーバーの request/response ログ

HTTP/1.1 302 Moved Temporarily
P3P: CP=”IDC DSP COR ADM DEVi TAIi PSA PSD IVAi IVDi CONi HIS OUR IND CNT”
Location: https://www.facebook.com/pages/My-Page/xxxxxxxxxxxx?sk=app_xxxxxxxxxx
Content-Type: text/html; charset=utf-8
X-UA-Compatible: IE=Edge
Cache-Control: no-cache
X-Request-Id: 8700a35ce62854a9d99abc225bbb9903
X-Runtime: 0.002538
Connection: close
Server: thin 1.3.1 codename Triple Espresso

<html><body>You are being <a href="https://www.facebook.com/pages/My-Page/xxxxxxxxxxxx?sk=app_xxxxxxxxxx">redirected</a>.</body></html>

原因は、ifranme 内からリダイレクトを行なっているせいでした。

a タグに、target=”_top” を指定して、フレーム解除してやればOKです。

■ エラーで動かない例

<a class="btn" href="https://graph.facebook.com/oauth/authorize?client_id=xxxxxxxxxxxxxxx&redirect_uri=https%3A%2F%2Flocalhost%3A3443%2Fcallback&scope=email">Facebook Auth</a>

■ 解決した例(target=”_top” を追加してる)

<a class="btn" href="https://graph.facebook.com/oauth/authorize?client_id=xxxxxxxxxxxxxxx&redirect_uri=https%3A%2F%2Flocalhost%3A3443%2Fcallback&scope=email" target="_top">Facebook Auth</a>

以上です。

[Facebook] アプリプラットフォーム「App Center」の設定方法

Facebook のアプリプラットフォーム「App Center」の設定方法が上がっていたのでメモ。

App Center はてなブックマーク - App Center

■ ドキュメント

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

App Center Tutorial : Facebook開発者向けドキュメントの日本語訳とTips はてなブックマーク - App Center Tutorial : Facebook開発者向けドキュメントの日本語訳とTips

App Center Categories : Facebook開発者向けドキュメントの日本語訳とTips はてなブックマーク - App Center Categories : Facebook開発者向けドキュメントの日本語訳とTips

App Center チュートリアル – Facebook開発者の為のサポートサイト | fb.developers’+ はてなブックマーク - App Center チュートリアル - Facebook開発者の為のサポートサイト | fb.developers'+

FacebookのOpen Graphアプリを作りApp Centerに登録するには (5/5) ─ @IT はてなブックマーク - FacebookのOpen Graphアプリを作りApp Centerに登録するには (5/5) ─ @IT

以上です。

[Facebook] 投稿できる写真サイズは最大 2048 px

Facebook に投稿できる写真サイズは最大 2048 px らしいです。(2012/04/28 時点)

Resize your photo before you upload it. These are the sizes we support:

Regular photos 720 px, 960 px, 2048 px
Cover photos 851 px by 315 px

If you use a 2048 px photo, make sure to select the Hi Quality option when you upload it.

Facebookが前回写真関連機能に大きく手を入れたのは2010年9月のことだった。このときに黒背景のビュワーがデビューし、2048ピクセルまでの写真が投稿できるようになったのだった(ビュワーでは2048ピクセルは表示されないが、ダウンロードしてみると2048ピクセルまでがサポートされていることがわかる)。

How can I make sure that my photos display in the highest possible quality? – Facebook Help Center はてなブックマーク - How can I make sure that my photos display in the highest possible quality? - Facebook Help Center

Facebook写真がフルスクリーン、高画質になった(当面ChromeとFirefoxのみ) はてなブックマーク - Facebook写真がフルスクリーン、高画質になった(当面ChromeとFirefoxのみ)

Facebook、写真ビュワーに改良を加えて表示サイズを拡大 はてなブックマーク - Facebook、写真ビュワーに改良を加えて表示サイズを拡大

FacebookアプリをFacebookページのタブに設置する方法

FacebookアプリをFacebookページのタブに設置する方法を調べたのでメモ。

https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&display=popup&next=YOUR_URL

・YOUR_APP_ID: タブとして追加したいアプリのAPP ID
・YOUR_URL: タブとして追加したいアプリが設置してあるルートURL(セキュアなURLの方がベター)

URLの太字になっている、「YOUR_APP_ID」、「YOUR_URL」の所を上記のように変更してリンク先を開きます。
すると以下のように「どのFacebookページに追加しますか?」というダイアログが表示されるかと思います。 

・引用元:Facebookアプリページが削除、タブの導入方法が変更へ | FBN Future box news | Facebook、Android、 iPhone WEBのこれからを伝えるメディア はてなブックマーク - Facebookアプリページが削除、タブの導入方法が変更へ | FBN Future box news | Facebook、Android、 iPhone WEBのこれからを伝えるメディア

Add PageTab at Facebook Page はてなブックマーク - Add PageTab at Facebook Page

FacebookページにIFrameタブを追加するツール: 小粋空間 はてなブックマーク - FacebookページにIFrameタブを追加するツール: 小粋空間

FacebookページへのIFrameタブ追加方法が変更: 小粋空間 はてなブックマーク - FacebookページへのIFrameタブ追加方法が変更: 小粋空間

もちろん、Facebook Developerの公式ドキュメントにも載ってます。

■ Direct URL Example

You can also bring up the Add to Page Dialog by explicitly directing the user to the /dialog/pagetab endpoint:

https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&display=popup&next=YOUR_URL

■ Properties

・app_id
Your application’s identifier. Required, but automatically specified by most SDKs.

・redirect_uri
The URL to redirect to after the user clicks the Add Page Tab or Cancel buttons on the dialog. Required, but automatically specified by most SDKs.

・display
The display mode in which to render the dialog. This is automatically specified by most SDKs.

・引用元:Add Page Tab Dialog – Facebook Developers はてなブックマーク - Add Page Tab Dialog - Facebook Developers

以上です。