2010年4月22日

[社群] 安裝Facebook Like按鈕

近知名社群網站 Facebook把以往「加入粉絲團」改成「讚」的方式,英文的名稱是「Like」翻譯成為「讚」雖然覺得有點怪怪的,倒也還算OK的啦! 而現在呢 Facebook不僅是把這個「讚」侷限在Facebook內使用,還可以把這個概念延伸到其他網站上,透過「讚」的社群外掛(Social plugin)語法,把「讚」(Like Button)這個按鈕安裝在各式網站上,例如新聞網站、電子商務、影片分享或是體育網站,看到這個崁在網頁上的「讚」按鈕,只要你有Facebook帳號給他按下去,在Facebook上的粉絲或是朋友就可以透過Facebook知道你正在對什麼樣的網站內容感到興趣,喜愛哪部電影、那本書甚至喜歡哪樣網購商品,讓社群內的粉絲或朋友進一步找到同好,讓經營粉絲團更能有凝聚力。


如果有經營部落格或是自己網站的人,也想把Facebook的「讚」按鈕安裝在自己的網站上,讓瀏覽者也可以幫你「讚」聲一下的話,可以利用Facebook Developers上的Social plugin去作些簡單的設定,並取得程式碼貼在自己的網站上,就可以讓自己的部落格與網站內的文章都有Facebook的Like Button。


步驟 1、連上Facebook Social Plugins的網站,點選Like Button的選項。


Facebook Like Button


步驟 2、在Like Button內頁下方去作基本的設定,包括填入自己網站的網址、樣式、是否出現facebook大頭貼、尺寸、字型與顏色等基本設定後,點擊最下方的「Get Code」後,會彈跳出程式碼視窗分成Iframe或 fbml兩個版本,將程式碼複製後貼在自己的網站頁面內就可以在自己的網站上看到「Like Button」了。


Facebook Like Button 設定


Facebook Like Button Code


步驟 3、如果是跟本站一樣選擇是架設在Blogger上的部落格或是網站,在後臺的「版面配置」中的「修改HTML」選項中,在版型的程式碼中找到這一行<b:includable id='post' var='post'>,然後把剛才產生的「讚」按鈕的iframe程式碼貼在後頭再存檔之後就可以在Blogger發表文章上看到「讚」的按鈕了。


Blogger的版型配置


PS:記得把"讚"按鈕程式碼中"高度設定"預設是height:px調整,改成適合頁面的高度(如height:35px)才不會版型跑掉。以上是分享如何在Blogger上設定Facebook Like Button的方法,如有不對的地方歡迎各方網路上的先進們指導。


『相關網站:』


0 回應:

張貼留言