[教學]分享到Facebook / Plurk / Twitter

近來網路社群當紅，很多東西都要跟社群沾上邊，連政府也搶搭社群熱潮(雖然是封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

以連結的形式呈現如下
推到Plurk 推到Facebook 推到Twitter

以按鈕的形式呈現如下

當然了，不可能把連結或按鈕的內容都寫死，但是在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那段套上去就好。



小小心得與大家分享。