patw 的筆記、生活、隨筆
Posts tagged Facebook
[Facebook] Open Graph（開放社交關係圖） 動作設定教學
九月 23rd
Facebook 於 2011/09/23 發佈了新的 Open Graph 開發者教學，在應用程式中出現了 Open Graph（開放社交關係圖） 頁籤，項目相當多，因此快速做了簡單的翻譯，方便未來研究之用。
其中此篇便是讓使用者可以使用各種「動作」的新功能，就像除了某某某覺得什麼很「讚」之外，還可以增加 某某某 listen to 某專輯、某某某 cook 一道菜 這樣的動作。
這邊有相關的介紹。
※不過很可惜的是目前尚不支援中文的動作與物件。
翻譯功力尚淺，請各位前輩不吝指正，也歡迎同好一起討論：）
這份教學將會帶領你照著下面步驟建立、測試、發佈你的第一個 Open Graph 應用程式。我們會建立一個讓使用者發佈料理資訊的範例應用程式。
- Step 1: 建立 Facebook app
- Step 2: 取得使用者的時間軸授權
- Step 3: 定義 初始動作、物件與集合
- Step 4: 為你的使用者發佈動作
- Step 5: 把社群外掛加到你的應用程式中: Facepile plugin, Activity plugin, and Recommendations plugin
- Step 6: 將動作送交審閱
如果你對 Open Graph 有疑問，請造訪: Debug and Troubleshoot。為了讓你更快上手，我們亦提供了 範例 下載。
Facebook 政策條款的案例與解釋
五月 16th
由於前陣子做的案子(Facebook App)動不動就被刪掉，Facebook 官方判斷應用程式是否違規的準則究竟為何實在沒個準，因此就來稍微整理一下官方文件中關於 policy 的案例與解釋。
（雖然有些時候根本就是誤判，沒什麼違反的也被刪除，但還是整理一下以供參考吧）
PS. 請原諒小弟的英文能力 2266，若有翻譯錯誤或不洽當的請不吝告知。也希望這篇相關規定能在實際製作 Facebook App 上幫助各位避開違反規定的條款。
主要分為 廣告、「讚」按鈕、照片、發佈訊息、條款與商標 四大單元。
More >
[Facebook] 邀請已過期(expired) 的錯誤與解法
五月 5th
近日開發活動網站的 Facebook 應用程式時，在發送應用程式好友邀請(fb:request-form & fb:multi-friend-selector)時，使用者接收到邀請，點擊按鈕後，只會看到「邀請已過期」，並不會被導向到活動網站。
同事研究後發現，有兩個問題點會導致這樣的結果：
1. fb:request-form 的 action 導向到不同的網域。
2. fb:request-form 中的 content 屬性，少加了 fb:req-choice 按鈕標籤
[Facebook] 發送邀請對話框中的送出按鈕，英文字自動轉小寫的問題
五月 4th
最近在製作 Facebook 聯外通的專案，專案中使用 Facebook JavaScript SDK 來製作，其中有項功能是發送邀請給好友，如下圖這樣：
詭異的是，明明 fb:request-form 中設定的 type 值是 "HELLOWORLD程式邀請"，但顯示出來卻是 "Helloworld程式邀請"，英文字僅有首字是大寫，後面的字全部自動變成了小寫。
[Facebook][IIS] 於 IIS 7 上開發 Facebook 應用程式，發送應用程式邀請(invite)後引發 HTTP 405 錯誤 的解法
四月 28th
最近的案子試著在 IIS 平台上開發 Facebook Connect 應用程式，由於尚未找到一套比較合用的 Facebook .NET 3.5 SDK（題外話，若路過的前輩有覺得不錯的 SDK，能推薦給小弟一下也十分感謝啊XD），因此先使用 HTML + Facebook JavaScript SDK 做開發。
結果在製作「發送應用程式邀請」(invite) 時，使用者選定朋友後送出，會吐一個 IIS 的 HTTP 405 錯誤出來，原以為是 Facebook 的 FBML 寫法有誤。
More >
[Facebook] 取得粉絲專頁資訊與最新一筆主題的方法 (PHP/jQuery/ASP.NET(C#))
三月 15th
想要取得粉絲專頁(粉絲團頁面)的公開資訊，以及該粉絲團最新一筆主題該怎麼做呢？
這邊分成三種版本來講：PHP、jQuery 與 C#.NET。
※由於粉絲專頁幾乎是公開資訊，從 Graph API 就可取得。因此其實也可以不用做 app，直接就可以透過 Graph API 撈取。這邊只有 PHP 是用老作法。
[AS3][JavaScript] Facebook 發佈訊息的方法
十一月 29th
本篇延續 [AS3] Facebook 朋友列表在 Flash 中用捲軸方式呈現 這篇，一樣用 Jozef Chúťka 前輩所寫的 Facebook AS3 Graph API 作法，來發佈訊息到塗鴉牆上。（由於 Connect 時就應用程式就會要求發佈塗鴉牆的權限，因此這種方法就不會跳出任何發佈視窗喔）
此外也附加了一個以 JavaScript 方式發佈塗鴉牆的方法，這個就會跳出常見的發佈訊息小視窗囉。可以依需求搭配使用～
Facebook AS3 Connect 方法在此一樣不提，請自行參考教學連結。
※ 其中要注意的是，發佈時需發佈成 Flash Player 10 版本，否則在 IE 中會無法在 connect 後正確 authorized！會一直跳出 callback.htm 頁面卻無法正確授權。為了這個問題卡很久，需特別注意。
[AS3] Facebook 朋友列表在 Flash 中用捲軸方式呈現
十一月 4th
這篇是關於在 Flash 中撈取 Facebook 的朋友列表，以捲軸(Scrollbar)呈現的作法。
※捲軸的做法我是看 Scrolling photos loaded dynamically with ActionScript 3 的教學，並將之改為列表呈現+垂直捲軸+滾輪捲動支援。
※關於 Facebook AS3 Graph API 的作法，請參照 Jozef Chúťka 前輩所寫的 Facebook Graph API & OAuth 2.0 & Flash (update) 這篇文章，往後有時間我再寫一篇文章介紹囉。
呈現的效果大概會像這樣：
[Facebook App] 應用程式開發筆記
四月 29th
隨手記一下幾個要點，有些是從開發者論壇中找到的，有空會再確認是否是正確的做法。
- 以 iframe canvas 模式開發時，要傳遞 POST 變數，form 的 action 可以寫成 action="save.php?"。這樣在 save.php 就能取得變數。
- iframe 頁面自適大小：FB_RequireFeatures 中加入 FB.CanvasClient.startTimerToSizeToContent();，且在 IFrame 大小選擇 Resizable。
- FBML 模式中，圖片、CSS 的位置都要寫真實的位置 .. 此外，圖片若會出現一條線的破圖狀況，需加 img { display:block; } 的 CSS。
- Facebook API (PHP) 判斷是否為粉絲：
$facebook->api_client->pages_isFan('粉絲團ID值', '使用者FB ID'); 會返回 Boolean 值。 - 非粉絲的畫面要加一個讓使用者點擊就能加入粉絲團的按鈕：
<iframe scrolling="no" frameborder="0" src="http://www.facebook.com/connect/connect.php?id=粉絲團ID&connections=0&stream=0&locale=zh_TW" allowtransparency="true" style="border: none; width: 280px; height: 65px;"></iframe>
好吧，我還是習慣叫它加入粉絲團。加入粉絲團現在改成「讚」了喔。
先醬子，有空再做整理囉。
近期迴響