分享文章到Facebook / Plurk / Twitter - 部落格

[Blog版] http://www.died.tw/2009/11/facebook-plurk-twitter.html

近來網路社群當紅，很多東西都要跟社群沾上邊，連政府也搶搭社群熱
潮(雖然是封facebook)，剛好同事有需求要做貼到Facebook,Plurk,
Twitter的功能，於是就來研究了一下，將資訊分享到這三個社群網站
的方式。

在分享上，方式都很簡單，方法如下，只要將Link或是Body改成所要分
享的連結或是內容就好

Facebook
http://www.facebook.com/share.php?u=LINK

Plurk
http://www.plurk.com/?qualifier=shares&status=BODY

Twitter
http://twitter.com/home/?status=BODY


以連結的形式呈現如下
http://0rz.tw/buT9M http://0rz.tw/DydRl http://0rz.tw/e6gfR

以按鈕的形式呈現如下
[bbs沒辦法呈現-_-]


當然了，不可能把連結或按鈕的內容都寫死，但是在blogger上沒辦法
用後端去抓一些需要的資料，如文章連結跟主旨，於是就用javascript
來做了，方法如下

Facebook
<input onclick="javascript:
void(window.open('http://www.facebook.com/share.php?u='.concat(encodeURIComponent(location.href))));"
type="button" value="推到Facebook" />

Plurk
<input onclick="javascript:
void(window.open('http://www.plurk.com/?qualifier=shares&status=[推] '
.concat(encodeURIComponent(location.href)) .concat(' ') .concat('(')
.concat(encodeURIComponent(document.title)) .concat(')')));" type="button"
value="推到Plurk" />

Twitter
<input onclick="javascript:
void(window.open('http://twitter.com/home/?status='
.concat(encodeURIComponent(document.title)) .concat(' ')
.concat(encodeURIComponent(location.href))));" type="button" value="推到
Twitter" />

上面我貼的內容是以按鈕為展示範例，呈現如下，如果要改成按圖就可以分享
的話，只要把onclick那段套上去就好。

--
上班不務正業的證據
http://died.tw

--