以下是筆者今天於Ruby Tuesday社群聚會分享使用Ruby on Rails開發Facebook應用程式的經驗之投影片。裡面包括許多實際在使用中的程式碼並且都有提供Gist的網址，有需要的朋友可以直接到該網址複製使用。

其中有提到iPK這個Facebook應用程式，是筆者參與Inside部落格團隊所開發的應用案例，投影片中所有的程式碼片段皆整理自該程式，若您對於程式的寫法有任何建議或疑問，歡迎在本文提出以進行交流、討論。:)

投影片內容除了團隊共同的研究、開發經驗之外，也感謝Cardinal Blue經驗上的分享，關於Cardinal Blue分享的投影片請見：Cardinal Blue的Facebook應用程式開發經驗分享：使用Ruby on Rails與Heroku

Facebook在2009年6月推出Facebook Username的功能，可以讓您的Facebook網址從原本以流水號呈現的方式，轉換為您個人設定的英文姓名或您喜歡的網路暱稱。

例如我原本的個人檔案網址為：http://www.facebook.com/profile.php?id=505498299，設定後則會變成http://www.facebook.com/yiru.lin，變得簡潔、好記許多。

而Facebook Pages同樣也可以在達成特定條件後（目前的條件為您的粉絲專頁擁有超過25名粉絲，即可設定粉絲專頁的網址），設定專屬於您的粉絲專頁的短網址。

以本blog為例，本來的專屬頁面網址是：http://www.facebook.com/pages/Cyberpunk/92373989976，設定完成之後會變成http://www.facebook.com/punk.tw，是不是簡短許多呢？以下為還不知道如何設定的朋友簡單介紹一下如何設定。

1. 首先請先到http://www.facebook.com/username ，會看到如下頁面：
2. 點選下面「替你管理的粉絲專頁設定獨有的用戶名」：
    
3. 選取您想要命名的粉絲專頁後就可以開始輸入：
    

我自認不是個Facebook重度使用者(?)，使用上的需求通常只有用到幾個主要功能：觀看朋友的狀態更新、新照片、看看朋友分享的網址，前陣子因為心理測驗、開心農場這類遊戲開始火紅，每次一登入就會看到大量來自各種Facebook應用程式的訊息更新，有時候反而會漏看了滿多朋友的狀態更新。

面對這種狀況，有兩種解決方式：

1. 調整位於首頁的群組清單：
   將您希望看到的群組或動態類型拉到第一個，往後登入Facebook會預設顯示第一個群組的內容。調整的方式是在清單的最下面按「更多」，清單展開後便可以直接拖曳群組的順序。
   以下圖為例，我目前預設為「近況更新」，因此登入之後只會看到朋友的近況，包括動態更新、相片、影音分享以及連結分享等各種內容。（當然，若您將某個群組或是特定應用程式拉到第一個位置，往後登入預設就會看到該群組的更新內容）
2. 第二個方式是前陣子跟@dlackty聊天中嘗試出來的，你可以嘗試使用Facebook Lite版。如何進入Facebook Lite版呢？將您的Facebook語系設定調整為英文版，（10月7日更新）目前Facebook Lite已經支援所有語言，直接連結到http://lite.facebook.com/ 其實就這麼簡單XD，如果您是中文版，會被導入Facebook標準版。

Facebook Lite的版面很乾淨， 只會顯示您朋友的狀態更新（心情、照片、影片上傳等），特別是照片的頁面，您可以看到如上圖的紅色框框：該相簿的留言是集中在畫面的右邊顯示的，這點對於瀏覽相簿是很棒的一種體驗，整個畫面只有跟相簿有關的資訊，沒有廣告。（不過也不能怪Facebook，多數人在用的標準版還是要賺廣告費的）。

剛剛看到Facebook釋出了一組新的工具，分別是Facebook Connect Wizard以及Facebook Connect Playground，若硬要翻譯成中文的話，Facebook Connect Wizard大概會叫做聯外通精靈或是聯外通設定精靈，Facebook Connect Playground就叫做聯外通操場好了XD

只要輕輕鬆鬆幾個步驟就能完成Facebook Connect的基本串連機制，對於一些基本的網路行銷活動，或是機制較為簡單的網站，Facebook提供的設定精靈就可以協助您完成Facebook Connect而不需要修改伺服器端的程式碼。（當然您必須會修改HTML，以及剪貼JavaScript，不過這比起修改PHP或是其他伺服器端的語言應該算是非常輕鬆了！）

1. 首先請填入您網站的基本資料

   

2. 接著依照指示下載xd_receiver.htm檔案，並放到您網站的根目錄底下
   
3. 最後便會看到設定完成的畫面，Social Markup提供一些基本的社群網站元素，例如使用者個人頭像、姓名，或是好友的列表。另外還有「Publishing to Facebook」，這是個非常有趣的功能！
   

而且在Facebook Connect Playground裡面，都是下拉式選單、填寫表單的方式協助您完成需要的功能。其中值得特別注意的是Facebook Connect Playground中的「Publishing to Facebook」，您可以利用Publishing to Facebook的JavaScript設計，結合您現有的網頁快速生成一個將網頁內容推到Facebook上的機制，例如把算命的結果動態地分享到Facebook上（不過這大概就要改一點程式了，否則跟使用Facebook Share button的差異便不是很大）。以下是我設定好之後的一個流程範例：

1. 先利用Facebook Connect Playground所提供的工具建立好基本的News Feed格式，接著將這程式視您的需求放到頁面上。
   
2. 使用者在頁面上點選Facebook分享的按鈕後會看到下面的彈出視窗：
   
3. 最後就會看到結果出現在我的個人頁面上了（也就是我的朋友們有在關心我的都可以看到，病毒式的網路行銷啊！）
   

今天在Facebook逛到一個以前都沒注意過的粉絲專頁的使用方式，這對於在Facebook上經營粉絲專頁來進行網路行銷的相關從業人員來說，實在是個非常棒的功能，效果就如下圖所示：

稍微研究了之後才知道這是一個名為「Static FBML」的Facebook應用程式，若您也想在自己的粉絲頁面上放置一些特別的內容，就可透過Static FBML應用程式來達成，FBML是Facebook自行制定用來在Facebook中呈現頁面的標籤語言，用起來其實跟HTML一樣，非常簡單，因此您可以利用過去使用HTML的觀念、作法來訂製粉絲頁面某個頁籤中的長相，您可以嵌入圖、文、Flash影音、圖片等等。FBML的教學頁面可以從Facebook所提供的官方文件中檢視：http://wiki.developers.facebook.com/index.php/FBML

步驟相當簡單，首先請先到Static FBML的頁面：http://www.facebook.com/apps/application.php?id=4949752878，會看到以下畫面：

點選畫面中的「加到我的粉絲專頁」，便會彈出視窗請您選擇要加到哪個粉絲專頁，接著回到您的粉絲專頁，在新增頁籤的地方就會看到FBML的選項。

是不是非常簡單呢？而在應用程式設定的頁面中，只要編輯FBML就可以輕鬆地插入內容，例如我想插入NBA 2K10的介紹影片，只需要下列語法：

（這語法是我自己隨意寫的，建議您參考文件後寫出更完整的語法）

另外，您可以在粉絲專頁的設定頁面中選取「非粉絲訪客的入門頁」利用不同的頁面來刺激訪客的視覺或是以其他更有吸引力的方式來吸引訪客成為粉絲，或是提高流量轉換率。

設定好之後，非粉絲的訪客（或是未登入的訪客）就會看到下列畫面：

稍微找了一下，台灣目前至少有「全家便利商店」的Facebook Page已經這麼做了，真是台灣網路行銷案例的先驅之一啊！