Home » Facebook行銷經營

如何安裝Facebook Like按鈕在自己的網站上,讓網友們「讚」一下?

Lawrence Lin 22 April 2010 3:08 am

image

Facebook讓你可以到更多網站「讚」一下上提到,包括CNN、IMDb、ESPN等全球知名網站都已經成為Facebook的合作夥伴,未來在這些網站上的內容都可以直接以Like按鈕讓網友們表示意見並且分享給自己在Facebook上的社群好友。

Facebook已經提供了與Facebook Like的外掛程式供網站經營者們安裝:Facebook Social Plugins,在這個頁面上可以看到許多社群小工具,本站會在未來陸續為您介紹。

安裝「讚」的按鈕對於網站經營者來說有兩個好處:

  • 提供一個基本的互動介面給網友表達意見,同時這樣的表達形式只有正面而無負面效果(不會有被噓的風險,頂多是沒人推)
  • 網站的任何一個頁面都可能因為被網友送了一個「讚」而在Facebook上曝光,進而帶來更多新的流量

安裝Like按鈕到自己的網站上非常簡單,首先請到Like功能的頁面,會看到以下的設定介面:

image

主要是針對呈現的方式進行基本的設定,設定完成後選取Get code就可以看到Iframe或 fbml的版本,將程式碼複製到自己的頁面上便可出現「讚」的按鈕,分享後可以看到以下效果。(若程式為動態產生,請記得將每個頁面的網址放進Facebook所提供的語法,而且應該很快就會有網友製作出各種部落格外掛可以使用)

image

若您想自定頁面出現在Facebook頁面上的結果,根據網頁上的說明您可自行設定以下兩個參數:

  • og:title – The title of your page; if not specified, the title element will be used.
  • og:image – The URL of the best picture for this page. The image must be at least 50px by 50px and have a maximum aspect ratio of 3:1.

使用的方法將以上兩個參數定義在meta標籤中,例如:

  • <meta property="og:title" content="The Rock" />
  • <meta property="og:image" content="http://ia.media-imdb.com/rock.jpg" />

Facebook的願景是讓未來Web上的世界「預設就是Social化的」,從最輕量化的可以Like,到可以Facebook Connect,或許未來Facebook的影響力確實會持續發酵,無論是全球龍頭Google、Yahoo,或是台灣的Yahoo!無名小站,都勢必會受到衝擊並持續努力來面對。身為網站經營者,在這波浪潮中透過網站的改版、調整,搭配Facebook以及各種社群媒體的成長,究竟會有何效益,讓我們拭目以待。

倘若這篇文章對你有用,別忘了「讚」一下,給我們一點點鼓勵。 :)

Lawrence Lin

致力於將資訊管理及服務營運的能力與經驗,投入在與人們生活緊密相關的領域。目前於 Polydice 擔任 iCook 愛料理食譜社群網站的大廚。聯絡信箱: Lawrence [at] Polydice.com

More Posts - Website

  • Pingback: Facebook讓你可以到更多網站「讚」一下 - Inside

  • Pingback: [Blog] 在你的網站上加入Facebook按個「讚」的按鈕! | 阿祥的網路筆記本

  • grace

    請問為什麼點選''get code''後,只會出現''查無此頁''的畫面呢??

  • http://twitter.com/deduce Lawrence

    Grace你好,

    目前我測試是正常的,可能是網路連線問題導致網頁出錯,可稍後再測試。

    另一個可能原因是使用的瀏覽器不支援,建議可以使用Google Chrome, Firefox等符合標準的瀏覽器。(或是使用微軟IE7以上版本)

    Lawrence

  • Pingback: Facebook新Graph API推出 – 你打算跟魔鬼做交易了嗎? – MMDays

  • salesparty

    感謝您提供這訊息,我已經建議請業務幫所有的SALES,都裝上這功能了,代表業務幫感謝您
    http://www.salesparty.com.tw/salesparty/showsal

  • machi7983

    我安裝好了!可是為什麼我按完讚他卻出現【錯誤】的字眼呢?

  • http://twitter.com/deduce Lawrence

    應該是沒有正確安裝完成,可能是語法有錯誤,請再試著檢查一次。

  • http://profiles.yahoo.com/u/HVR5ZAWA26YO57HG2OVU2ZTIPM omninmo

    有一個詭異的狀況是
    我臉書帳號登入和非登入狀態 看到的結果不同耶
    應該非登入狀態也可以看到幾個人推薦
    可是卻出現”成為你朋友中第一個說這讚的人”
    明明已有2人推薦,怎麼會這樣咧 如下圖
    http://www.facebook.com/album.php?aid=14027&id=

  • Pingback: 大家都在「讚好」我偏要說「不喜歡」 - Inside

  • Pingback: Facebook与graph api,你可以承受被魔鬼统治吗? | 有意思

  • Pingback: 超過10萬個網站使用Facebook社群外掛,流量也獲得成長 - Inside

  • Yongson

    請問 可以掛到無名小站的網誌頁嗎?
    程式碼複製後 貼到 自己頁面的哪裡?
    我不是專家 看了還是不知如何做?

  • Anja

    您好,
    安裝成功後,之後如果有人按讚,那是否會同步張貼到那個人的FB上,顯示他按了XXX讚嗎?

  • Erina

    想要把 中文姓名改成成 英文 顯示,該如何改呢

  • 王渝姍

    不好意思,請問一下,網站右邊上面的”粉絲頁”要怎麼用呢??研究好久都不知道該怎麼用,謝謝!^0^

  • go

    我也想學
    請大大教教

  • Stella_ya00

    可以請問一下嗎~ 為什麼我弄好了 也按讚了
    在我的個人頁片有出現~
    但是在朋友的首頁卻沒看到XXX覺得OOO的連結很讚?
    是什麼程式碼沒寫到嗎???…..嗚嗚

  • http://www.facebook.com/people/Lu-Jason/100001073355964 Lu Jason

    good

  • http://twitter.com/LIC_san san

    good!

  • http://pulse.yahoo.com/_C7CQHZVHZGRGNTVDP3KNYH3IWE 皓翔 李

    您好喔,有順利設定成功,但是顯示出來卻是英文..
    另外選擇分享以後要怎麼設定旁邊的縮圖才會是自己的網站圖呢?