2009年11月20日 星期五

[教學]分享到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那段套上去就好。



小小心得與大家分享。

沒有留言:

張貼留言

Related Posts Plugin for WordPress, Blogger...