作者doomdied (Died)
看板Blog
标题[教学] 分享文章到Facebook / Plurk / Twitter
时间Fri Nov 20 17:36:17 2009
[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
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 211.74.221.121