不曉得你是否跟我一樣，每天總要透過電視、報紙或網路新聞來關心這個世界又發生了什麼事？（當然這也是個看電視的好藉口，因為我每次要看電視總會告訴自己：來關心一下台灣吧！）然而每天關心台灣的結果，我發現兩個現象：

1. 新聞工作者們認為重要的新聞總會在電視上持續的放送，每個小時可以輪播好幾次、每個新聞台都會播，然而這些新聞卻不一定是我所關心的。
2. 我感興趣的新聞有越來越高的機會來自社群，例如是身邊的好友在Facebook或Plurk上分享的新聞，也正是我感興趣的。即使並非全部都感興趣，但感興趣的機率也比較高。

先前我曾在另一篇文章提過：

近年來社群網站的興起，在網路上與老朋友相逢的事情似乎已經漸漸稀鬆平常，你我使用網際網路的行為從過去單向的吸收（Web 1.0時代），隨著資訊爆炸開始依賴搜尋引擎，並逐漸開始學著參與、分享、貢獻內容（Web 2.0時代），一直到開始在網際網路上與現實生活中的人際關係有更多的交集，如此的典範轉移持續的在發生。

人們在網路上的使用行為是持續在改變的，重要的訊息從過去我們直接上Yahoo!奇摩首頁看新聞，到後來透過funP推推王來觀看重要訊息，一直到現在上了Facebook、Plurk，我們開始透過社群上的好友來獲取不同的資訊。若你跟我一樣是個Google Reader的愛用者，你或許會發現兩個現象：

1. 志同道合的朋友總會在Google Reader上分享你覺得實用、有趣的訊息出來
2. 即使是志趣不同的朋友，也會分享不同領域的有趣訊息，讓你增廣見聞或是看到不同領域的重要消息

在社群參與越來越頻繁、深入的情況下，所謂的Social filtering、Collective intelligence等過去總是在學術論文上出現的過程，便得以被實現。不過今天要分享的小玩具，其實也沒那麼厲害，只是身為一個研究生，在閒暇之餘做出來的小玩具罷了。

Inside HotNews是我與幾位朋友一起發想出來的有趣小玩具，這個小玩具有幾個重點：

1. 內容以Yahoo!奇摩新聞為基礎，倘若你習慣用Yahoo!奇摩新聞作為關心台灣、關心世界的新聞媒體，Inside HotNews或許可以作為另一種決定閱讀排序或閱讀與否的篩選工具。
2. 內容熱門與否的排序以每一篇新聞在Facebook上被分享、轉貼的次數為計算的核心。使用這個數字有兩個主要原因：一是剛好在研究Facebook API，想說練習一下；二是我大膽假設在Facebook上會被分享的新聞應該也是我比較有興趣的。
3. 新聞的排序使用了簡單的演算法，會同時考慮一篇文章在時間與推文數兩個因素的消長，演算法還在持續的調整當中。
4. 我們正在嘗試加入其他新聞來源，希望讓這個網站真正作為一個有用的新聞閱讀工具。
5. 我們也提供了RSS feed，每個網頁的右上角都有一個訂閱按鈕，訂閱後您就可以隨時掌握目前最熱門的新聞。

就我目前自己使用起來的感覺，還滿符合我自己閱讀新聞的習慣的，因為我假設「社群上常被分享的新聞應該也是我比較有興趣的」，目前看來好像是真的如此（從眾性格？），但這個小工具已經解決了平常我看新聞又不知道從何看起、一直看電視好像又很浪費時間而且轉來轉去都一樣，然後在社群上又會看到很多容易分心的訊息…

另外，我們也統計了每篇新聞在Facebook上被轉貼次數的成長狀況，從這些曲線可以大致看到一篇文章實際的熱門程度是一時爆紅還是細水長流，可以看出某些訊息是特別容易被分享的，例如與經濟民生有關、帶有一點點十八禁成份之類的新聞。

身為一個研究生，總會希望背後運用的技術、方法論是富有一些內涵的，並試圖呈現更好、更棒的結果，我們會持續調整這個小玩具。如果對於這個小玩具有任何建議或是指教，歡迎在twitter上 @deduce 或 @insideCyberbuzz 與我們交流。

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

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

例如我原本的個人檔案網址為：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 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. 最後就會看到結果出現在我的個人頁面上了（也就是我的朋友們有在關心我的都可以看到，病毒式的網路行銷啊！）
   

稍微研究了之後才知道這是一個名為「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已經這麼做了，真是台灣網路行銷案例的先驅之一啊！

目前比較適合在台灣做網路行銷使用的廣告工具為廣告、粉絲專頁、分享以及聯外通（Facebook Connect），未來我將會逐一為文介紹。

本文欲分享的主題為如何在Facebook上建立粉絲專頁（How to create a Facebook page?），粉絲專頁可協助您在Facebook上經營您的品牌、產品、服務，或是樂團、歌手、公眾人物的粉絲頁面，透過在社群網站上與網友們的互動可以有效提高曝光率並得到最真實的社群回饋。
欲建立「粉絲專頁」請先登入Facebook後到此網址：http://www.facebook.com/pages/create.php，接著便可看到以下畫面（若您已經建立過粉絲頁面，可以在我的粉絲專頁管理既有的粉絲頁面）

粉絲專頁的類型有三種：

1. 地區性服務
2. 品牌、產品或機構
3. 藝人、樂團，或公眾名流

不同的類型，在粉絲專頁建立之後的差異為粉絲頁面的資料設定欄位不同，例如地區性服務可能會請您勾選並輸入店面經營的時間，品牌或產品的話則會請您輸入品牌成立的時間、公司的使命、願景、概要、網址等等。基本上只要根據您的需求選擇就不會有問題。

建立完成之後會看到以下畫面：

建立完成之後，填入關於您的品牌、產品或是屬於您的各類資訊，方便網友們搜尋或是協助網友更了解您的粉絲專頁。

1. 請上CheckFacebook.com，雖然這不是非常即時的資料，但也有一定的參考價值，例如每次更新會統計出每週成長率的數據。
   
2. 使用Facebook廣告工具

對於在Facebook有興趣下廣告預算或是想瞭解不同區隔，例如年齡、性別、教育程度、在Facebook上的主要網路或是國家等詳細數據，就可以透過Facebook廣告工具來進行數據的查詢。

Facebook廣告工具的首頁為：http://www.facebook.com/advertising/，這個連結位於Facebook每個頁面的底部，若您要直接開始使用廣告工具，請在廣告工具的首頁點選「刊登廣告」（http://www.facebook.com/ads/create/），進入刊登廣告的頁面後會看到下列畫面：

這個畫面共有三個必須輸入的欄位：目的地URL、標題、內容文字，三個欄位都輸入之後（我通常是隨便輸入，隨便輸入abcxyz.com、test、test即可）點選繼續就會看到本文欲介紹的重點畫面：

您每針對不同的條件進行調整，下方的數字便會隨之更新，您說是不是很方便呢？在Facebook這擁有龐大會員資料庫的網站進行社群行銷、網路行銷，更應強調針對精準的受眾投放廣告。

P.S. 我最近很感興趣的數字為13~18歲的台灣會員成長率，究竟台灣的中學生們會不會也能漸漸地接受Facebook呢？另外則是到底Facebook上超強又免費的相簿功能，能不能撼動無名小站在台灣的相簿網站龍頭地位？讓我們拭目以待。

業界的朋友，和網路資深前輩們對我們的鼓勵，支持和點出我們的問題（和中肯的道出我們犯錯的地方），我們都聽到了，也會繼續努力的去改進。針對資深網路人提出的JS問題，做錯了就是做錯了，承認錯誤，我們會去改進。這真的是我們一時趕時間，不想讓我們學生朋友們等太久（校園好友們都很想趕緊體驗meeya 阿！），而做出的不好的解決方案。 但我們聽到了，我們會讓小米去改變的！請給我們一點時間。

趕時間是吧？來，讓我們先看看對岸的作品。

首先是XDite站上有提到的海內網http://hainei.com/

再來是校內網（似乎已經要改名為憶聚網了）http://www.xiaonei.net/，號稱大學版的愛情公寓。

還不夠嗎？China on Rails為了推廣Ruby on Rails，搞了Facebook 2（http://fb2.chinaonrails.com/），開放原始碼，程式碼在這：http://code.google.com/p/facebook2/

上面三張圖，加上Facebook還有meeya，版面如出一轍，根據XDite的說法，對岸的海內網好歹是自己寫的，而meeya......既然趕時間，不如採用高生產力的Ruby on Rails，並且套用Facebook 2的原始碼，不是更快嗎？:p

昨天看到meeya上線後不禁猜想meeya的database schema是否也像Facebook一樣優秀且充滿彈性呢？