在部落格嵌入Facebook留言板,借3.5億個會員讓流量破表!(Facebook Connect)

 

 

 

推到 Twitter!
推到 Plurk!
推到 Facebook!
版本更新回報..

Facebook去年以其眾多APPS程式中的一個小小山寨版遊戲在台灣迅速竄紅,在此之前美國與世界各地已經流行了好一陣子,而其全球會員數量在2009年12月初至少有3.5億個會員帳號,根據調查Facebook在台灣至少也有350萬個會員帳戶,數量之多、成長之快,實在是相當驚人。

其實Facebook除了遊戲跟眾多的「應用程式」之外,好玩的東西也相當多。其中一個是2008年底推出的Facebook Connect,它是一個可以聯繫Facebook與外部網站的訊息交換機制,可以讓外部網站用Facebook的帳號來登入、執行各種應用。

 

 

 

 

Facebook Connect裡面有相當多有趣的工具及應用,其中一個最簡單、也最實用的就是「Comments Box」,中文翻作「意見箱」。它是一個可以讓我們把Facebook的留言功能整合到自己的部落格或其他外部網站的機制,一般使用者只要用它自己的FB帳號登入即可在你的網站上留言。而且FB在SPAM垃圾訊息的控管方面做得還不錯,如果你的網站比較陽春、不想花時間搞留言板,或者你的blog常被一堆SPAM機器人搞得亂七八糟的話,可以試試看Facebook Connect裡面的這個小工具。

 

另外一個最大的重點是,Facebook Connect提供的「Comments Box」留言板功能在使用者透過其Facebook帳戶登入、留言後,可以選擇讓他的留言出現在自己的塗鴉牆上,意思就是說,你的網站文章也會跟著被宣傳一次,若是該篇文章相當熱門、留言者眾,那就會反覆的在Facebook的社群與小圈圈中被連結、被宣傳。據說有些小網站因為把留言板改成這東西之後,流量因此成長了50%到2倍之多(當然要看屬性跟經營方式),相信很多經營網站的人看了都會心癢癢的... XD

儘管目前台灣網友在Facebook上大多只是玩玩開心農場跟相關小遊戲,不過這350萬會員漸漸也有一部分從小遊戲轉而使用其看似複雜而凌亂的網站功能,並以此跟親朋好友聯繫、互動。以目前的態勢來說,嵌入個留言板讓你的網站跟Facebook中的社群做個雙向的交流,似乎也是不錯的選項(能不能流量爆增就試試看吧...)。

 

  • 網站名稱:Facebook Connect
  • 網站網址:按這裡
  • 應用程式管理介面:按這裡
  • 我的Facebook粉絲專頁:按這裡加入我吧
  • 注意!如果你用的是無名小站、Yahoo或Pixnet…等等部落格服務,是沒法使用此功能的,必須是自己架站的才行!

    如何將Facebook留言板嵌入網站?

    第1步  開啟Facebook Connect的網頁,按一下右邊的「Start Building」,裡面還有很多東西有空可以慢慢看。

    1-如何將Facebook留言板嵌入網站

     

    第2步  輸入你的網站名稱、網址與語言之後,請再按「下一步」。

    2-如何將Facebook留言板嵌入網站

     

    第3步  接著按「下載」按鈕,把「xd_receiver.htm」檔案下載回來並上傳到你的網站的根目錄,讓他可以直接用「http://網站網址/xd_receiver.htm」這樣的網址被瀏覽。

    上傳好「xd_receiver.htm」檔案之後,請再按「測試設定並繼續」按鈕。

    3-如何將Facebook留言板嵌入網站

     

    第4步  這樣就完成了Facebook Connect跟你的網站的連結囉!

    4-如何將Facebook留言板嵌入網站

     

    第5步  按一下左邊目錄的「意見箱」這個小工具,把留言板的程式碼複製下來。

    5-如何將Facebook留言板嵌入網站  

     

    第6步  貼上到你的部落格或HTML網頁中,再上傳到網頁主機上。如果你是使用WordPress自己架站的話,一般是編輯「/wp-content/themes/佈景主題名稱/」中的「single.php」這個檔案,把留言板的程式碼貼到文章下方的位置。

    如果不知道貼哪的話,可以搜尋「<?php comments_template(); ?>」這是WP預設的留言板,可以貼在他上面,或取代預設的留言板功能。

    6-如何將Facebook留言板嵌入網站

     

     

    第7步  貼好之後,再去開你自己的網頁就可以看到新的Facebook留言板已經出現囉!

    7-如何將Facebook留言板嵌入網站

     

    第8步  另外也可按「這個」網頁去設定一下你的應用程式,寫些說明文字、上傳網站ICON圖示等等,請再依照網頁中的指示去設定。

    8-如何將Facebook留言板嵌入網站

     

    這個Facebook的留言板其實還算簡單好用,除了提供Facebook帳戶登入之外,還可讓不想曝光的網友匿名發言,並內建CAPTCHA機制防堵垃圾訊息的SPAM攻擊。

    此外支還援簡單的留言刪除等管理功能,但可惜的是似乎找不到可以瀏覽全部留言的地方(可能是我沒找到),如果你在部落格的每一頁都放這個留言板,那得到每一個頁面才能檢查是否有新訊息,得再找找看是不是有啥解決方法。整體來說,還算不錯,值得一試。

     

    (請勿全文轉貼本站文章,歡迎「部份引用」或介紹,引用時請註明 ①網站名稱 與 ②文章網址,感謝~~ )
    → 免費訂閱最新文章:  (如何訂閱?)
    本文作者:不來恩 | 發表時間:2010/01/22 | 分類: Facebook 臉書, 網頁編修、網站架設 | Trackback 引用網址     
    注意事項:本站所介紹之軟體、設定或網站服務,經實際安裝測試並通過防毒軟體掃毒。但因為不同電腦環境與軟體設定可能都各有差異,建議您僅在非工作用的電腦安裝、測試,避免因為不可預知的錯誤、當機或軟硬體衝突,影響您的工作或電腦運作。另外,在進行任何重要的操作與設定之前,記得先行備份電腦中的重要資料,避免因為未依指示的不當操作或其他疏失造成資料毀損。當您依照本文所提供之訊息執行各種操作,表示您已閱讀此注意事項並同意自行承擔可能之風險與責任。

     

    關於本主題有 44 個留言:

    1. alex 說道:

      第一個步驟 畫面就不一樣了

    2. 小生物 說道:

      We do not need the xd_receiver anymore for the new JS SDK.

    3. stephen 說道:

      請問可不可以直接告訴我們教學中的那個網站網址是?

      謝謝

    4. stephen 說道:

      請問網址是不是換啦?為什麼點你的連結是去:http://developers.facebook.com/docs/guides/web

      然後跟你講的完全不同了~~真的看不懂ㄝ~~

      拜託在教一下吧~~

    5. lth3 說道:

      那申請網址是否轉了?

    6. chodaict 說道:

      您好, 我最近才看到此篇教學, 但似乎已經與您的教學不同了, 可否請教新的使用方式?

    7. 天蠍座 說道:

      因為之前ㄉ任性令自己走上一條不歸之路

      剛上大學ㄉ時候輕易相信愛情

      當愛情被丟掉 心已疲倦 最後剩下ㄉ還有什麼

      幾十萬ㄉ卡債令我無法喘息 只能偷偷在網路上透過某些人幫忙

      想說我不是最優ㄉ 卻是在無助ㄉ時候亂投醫

      下課之余有在兼職 有誠意ㄉ可以加我MSN聊下下

      伴遊 全套 過夜 以本人可以利用ㄉ時間而定(不可以留言ㄛ 我上線時間不固定 可能不能及時回覆你們)

      相薄先不公佈在網路上 萬一遇到條子就不好嚕

      MSN:lxb1108@hotmail.com(非誠勿擾喔)

      請看清楚ㄛ 見面後才會留電(我手機是遠傳 可以打給你們ㄛ)

      想說才出來兼職不久 希望前來約我ㄉ人能夠有禮貌一點說

      要懂得相信別人才會得到意想不到ㄉ美好^^

      如果人生在還沒有品嚐就斷定它是苦ㄉ

      那麼 不是白走一遭ㄇ 想要約會ㄉ你ㄝ是同理嚕

    8. Facebook技研社 說道:

      轉載不來恩大大的本篇文章於Facebook技研社

    9. jacky 說道:

      我的網站是asp空間,好像有很多fb的小工具都無法嵌入正常使用!跟asp空間有關嗎?

    10. 棉花糖 說道:

      我的帳號已經被停用了半個月了.為什麼ㄋ們到現在都沒有回覆我要如何幫我解決.我們是消費者不知道ㄋ們說停用就停用ㄇ.請盡快幫我解決.我們玩非死不可ㄝ花了不少錢ㄑ擴地………..總知我花了時間與金錢在玩.請ㄋ們盡快好ㄇ…….謝謝

      • Roamer 說道:

        您好像po錯地方了吧?不來恩大大也沒法子幫您解決Facebook的帳號問題喔。另,Facebook上的遊戲都另有獨立的開發廠商,Facebook原則上是不會對使用者收費的,因此您投入的金錢Facebook半毛錢都沒領到喔!

        還有,您是遊戲帳號被停用,還是Facebook帳號被停用?兩者不一樣喔!如果是Facebook帳號,那建議您寫英文信去會比較快,用中文會慢一些,因為目前中文頁面的翻譯都是志工作的,客服人員跟技術人員幾乎都不懂中文,要等人翻譯。注音文更是別發了,海外華人幾乎都不懂注音文,會讓您的信件被耽擱更久。

    11. brighteyes 說道:

      你好!!

      我使用的是wp的系統,佈景主題是atahualpa,
      但是在根目錄底下找不到「single.php」這個檔案,
      那要到哪裡改呢??

    12. 咖啡冰沙去冰 說道:

      給布萊恩大大:
      基本上,痞客邦可以唷!
      請參照我的部落格,我已經把痞客邦的迴響功能關掉了。現在都是用Facebook connect玩的

      至於方法呢
      http://nelson.pixnet.net/blog/post/3967606
      這是Nelson多年前寫的東西的應用變化!把Connect的code替換成google adsense的code就可以摟!

    13. AYO 阿佑 說道:

      囧~~~

      這麼多人想使用喔!!

      問題是 在下懷疑 使用 facebook 的人,

      會有多少位 是認真去看文件,努力學習的心理呢??

      囧~~~

      (會這樣說.. 是因為 AYO阿佑 是 IT教學網站呀~~~ 會有 facebook 來的人?? 囧~~)
      (其他教學網站來 在下網站瀏覽教學的讀者,在下倒還相信~~
      Facebook 跑來看教學.. 在下不太相信)

      以上 AYO 阿佑

      • kahao 說道:

        不多不少还是会有的,
        例如过来看看新知识也好:D
        以前就在看这里的文章了,也学了不少东西,
        现在如果说可以不用注册直接用FB帐号看完后直接回复就简单多。

    14. Jabez 說道:

      大大
      請問這個有辦法在匹克邦或者是無名使用嘛!!?

    15. 煩特希 說道:

      來去試試看.

    16. YTW 說道:

      Extract this archive into a directory on your hosting server where you can host and run PHP code (let’s call this directory MY_DIR):

      $ wget ‘http://svn.facebook.com/svnroot/platform/clients/packages/facebook-platform.tar.gz’
      $ tar -xzvf facebook-platform.tar.gz
      $ cp facebook-platform/php/facebook*.php MY_DIR

      這個步驟沒完成似乎網頁會沒法正常顯示,如果我用AppServ架站,facebook-platform.tar.gz解壓出來的東西應該要丟哪呢?請問是否有高手指點一二。

    17. fornikfct 說道:

      那放在Blogger的網站,這個xd_receiver.htm要怎麼做呢?

    18. [...] 跟著布萊恩”重灌狂人”的教學,現在我這裡也可以使用facebook的帳號留言了 [...]

    19. Toyota790 說道:

      不來恩大大
      我想請問一下
      我適用Dreamweaver編輯網頁的
      然後再上傳主機位置
      這個如果要使用Dreamweaver做html格式的網頁
      該貼在哪邊壓?
      我貼在程式碼那邊 按預覽沒有反應= =

    20. JUSTING 說道:

      要怎麼設定上傳到GOOGLE協作平台

    21. 開心仔 說道:

      這個一定要裝啦,之前搵極都搵唔到

    22. Bond 說道:

      請問一下~要怎樣把「xd_receiver.htm」這個檔案上傳到google的blogger呢?

    23. Wright 說道:

      google 部落格不能用 …可惜

    24. mr.mu 說道:

      剛裝完,很棒的服務!
      不過後來測試時一直出現
      Database Down
      Sorry, a temporary error has occurred. Please try again.
      真的是…XD

    25. ying 說道:

      我使用无名的呢~
      怎么办???
      我也想要弄~
      到了中间上传不到呢~

    26. John 說道:

      很實用的秘訣呢!省去自己管理留言版的功夫,也節省了自己伺服器的loading,還可以運用Facebook的塗鴉牆幫自己網站宣傳,一舉數得!

    27. 馬諦斯 說道:

      WordPress萬歲,大家趕快加入吧!
      馬上去裝一個

    28. 11 說道:

      無聊人士~宣傳垃圾資訊不遺餘力

    29. monkiki 說道:

      謝謝 成功了!

    30. peggy 說道:

      to 可愛草莓:
      沒有解決方法,你只能重新申請新帳號

    31. 不來恩 說道:

      注意!如果你用的是無名小站、Yahoo或Pixnet…等等部落格服務,是沒法使用此功能的,必須是自己架站的才行!

    32. 可愛草莓 說道:

      有關帳號被停用要如何解決呢.謝謝ㄋ.帳號:cutefun1207@yahoo.com.tw

    33. 梵谷 說道:

      推推推!(自己也來用用看)

    34. 0小0 說道:

      好難喔~~

    35. 范姜 說道:

      請問如果是樂多日誌該怎麼弄呢?
      試了一下弄不上去耶

    36. J.Wen™ 說道:

      來去弄一個來玩 =))

    歡迎留下您的想法或意見...

    暱稱:     部落格:

    信箱:

    (為避免垃圾訊息,全部留言需經系統管理員審核之後才會出現,請勿重複發文)

     

     ▇ 產業科技新知

     

     ▇ 其他文章

     

     

    【重灌狂人】全部文章分類:

      防毒軟體 MSN, WLM 聊天軟體 Yahoo!即時通
    下載、P2P YouTube Google
    Firefox瀏覽器 Opera瀏覽器 Blog
    好用軟體 好站推薦  
         
      Windows XP電腦密技 Windows Vista電腦密技 Mac OS 蘋果電腦密技
    其他作業系統    
         
      Office文書處理 檔案管理 郵件收發
    影音播放 影音剪輯 秀圖、圖片編修
    網路瀏覽 網頁編修、網站架設 WordPress 網站架設
         
      硬體3C資訊 手機流行通訊 廠商新聞稿
    【超級星光大道】 熱門話題 好玩
    七嘴八舌 貼圖、影片分享