Sep
如何美化Facebook粉絲專頁（使用Static FBML嵌入影音、圖文）
Posted by
今天在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已經這麼做了，真是台灣網路行銷案例的先驅之一啊！
- Bookmark :
- Digg
- del.icio.us
- Stumbleupon
- Redit it
12 Responses to “如何美化Facebook粉絲專頁（使用Static FBML嵌入影音、圖文）”
-
我在網路趨勢部落格的文章Author
林宜儒，你可以叫我Lawrence或deduce。我目前就讀政治大學資訊管理學系， 我是個碩士班研究生，也是Web developer。熱愛Ruby on Rails、Google App Engine(Python)的網頁程式開發。
網路筆名：deduce
喜歡各種Web 2.0服務與相關技術，喜歡寫Ruby on Rails、PHP、Ajax(jQuery)。在台灣微軟實習過一年，有些C#、ASP.NET以及MOSS 2007的程式開發經驗。
歡迎以下列方式跟我聯絡：E-Mail/MSN Messenger/Google Talk
I'm Working With Rails
不好意思，想要請問你一下
我找不到那個「編輯FBML」的地方也!!
可以幫我嗎？謝謝
回樓上～版大有寫：在應用程式設定的頁面中
發現KKBOX也在用耶～
http://facebook.com/KKband
有人可以幫忙製作fbml嗎
論件計酬
請問一下喔,我點選畫面中的「加到我的粉絲專頁」,出來卻是「查無結果」,那該怎麼辦勒？還有譬如嵌入的網址顯示：
那應該如何輸入才是正確呢？可以幫我解答一下嗎？感恩！～
嵌入的網址顯示：
請問youtube的截圖要到哪裡找啊?!感謝~
imgsrc='http://img.youtube.com/vi/dj4omrp0V1Y/0.jpg'
請問有沒有簡單的語法可以套用, 對於不會寫語法的我們~~ 很不方便也 !!
不好意思 可否請問youtube的截圖 要怎麼寫@@?
例如原本youtube的影片網址為：
http://www.youtube.com/v/PQGrIsYUm4c&hl=zh_TW&fs=1&
^^^^^ ^^ ^^^^^^^^^^^^^^^^^^^^^
把影片網址的www改成img，/v/改成/vi/，去掉&之後的字串，最後再加上/0.jpg
就是截圖的網址了
http://img.youtube.com/vi/PQGrIsYUm4c/0.jpg'
正在網路上參考文章
沒想到作者既然是你!!
真的是太棒了!!
你好!
例如原本youtube的影片網址為：
http://www.youtube.com/watch?v=1SlrjXN7oHo
我按照你方法修改為:
但是當我在我的 facebook 專頁按下以上圖片後就只是空白而不能好像你的例中可以打開youtube 的 video 呢?
請指教一下, 謝謝!
版主你好~
在FBML上想請教你一個問題，因為公司需要製作FBML頁的關係，所以最近有接觸到這塊
不過在頁面的呈現上卻出現了一些問題。
以下的連結為公司的粉絲活動頁
http://www.facebook.com/pages/shi-shen-xiao-dang-jia/112419082140234?v=app_7146470109
可是在頁面呈現上在圖片跟圖片間卻出現了間距，在Dreamweaver裡圖片的也將border設定為"零"了，不過還是出現間距的問題
參照他人的活動頁面卻能完整呈現...
http://www.facebook.com/pages/da-da-za-zhi-fen-si-tuan/103785309663221?v=app_4949752878
想請問版主是否知道該怎麼處理呢...