如何在我的網站或部落格上加上噗浪分享功能?

於 2011-11-07 發表 | 分類:開發者園地

很多人寫信來詢問,到底如何要在自己的網站或部落格上加上噗浪分享的功能,以下的分享希望對大家有所幫助。

如何在我的網站上加上噗浪分享功能?

以下是語法格式:

其中,&qualifier=shares表示點選後,使用者預設的心情選項會切換為:分享。

PC 版:(如果你是「網站」,不是手機版網頁)

http://www.plurk.com/?status=訊息內文&qualifier=shares

手機版:(如果你的網站也有手機版,記得將手機版的分享連結換成這一個)
http://www.plurk.com/m?content=訊息內文&qualifier=shares

你也可以複製以下的 Javascript 代碼到你的網站中使用,以下範例為使用按鈕擷取你目前網頁的這是網頁標題標題中的文字及目前網頁的網址,當做是分享的連結內文,自動以噗浪的連結分享格式發表。(當然,為了尊重使用者,必須要使用者確認並點選送出)

<a title=”Share to Plurk” href=”javascript:void(window.open(‘http://www.plurk.com/?qualifier=shares&status=‘.concat(encodeURIComponent(window.location.href)).concat(‘ ‘).concat(‘(‘).concat(encodeURIComponent(document.title)).concat(‘)‘)));”>
<img title=”share” src=”http://s.plurk.com/bda225d234426cccca300c551f60438e.png” width=”97” height=”20” align=”absmiddle” border=”0” />
</a>

上述 window.location.href 表示取得目前頁面的網址,document.title表示取得目前頁面的標題文字。

測試

我們來測試一下上面的這段 Javascript,你可以點選以下的按鈕,你的瀏覽器會將目前這一篇文章的標題及連結分享到你自己的噗浪去:

當然,你也可以把按鈕至換成連結: 分享到噗浪

上述的按鈕(或連結),實際上會把這一段文字張貼到你的噗浪去:

http://zh.blog.plurk.com/archives/1191 (如何在我的網站或部落格上加上噗浪分享功能?)

 

噗浪分享按鈕圖示

最後,你還需要按鈕圖示。常常有噗友或網站自製不同的噗浪分享按鈕,每一個都長得不一樣….

為了因應各位的熱烈需求,我們做了兩個版本的噗浪分享按鈕,方便大家下載在自己的網站上使用:

(按鈕高度皆為 20 px)

中文版:
1. 完整版:

下載網址:http://s.plurk.com/bda225d234426cccca300c551f60438e.png

2. 精簡版: 

下載網址:http://s.plurk.com/2980c7bcb4eb012159e7701a61cb2e75.png

 

英文版:
1. 完整版(Full):

下載網址:http://s.plurk.com/700e3d4f43b93f43a44649578a069afe.png

2. 精簡版(Compact): 

下載網址:http://s.plurk.com/23d30a60b81915a637d1c3d2cd966a59.png


Updated: 2011/11/9 新增兩個新按鈕

中文版:

下載網址: http://s.plurk.com/ad72784fb5c8966a2aa69dd11e44b97d.png

英文版:

下載網址:http://s.plurk.com/b7fa5ebe73b801193891ce6bd81bc11c.png

尚未有任何人回應

還沒有人回應哦,趕快來搶頭香囉!:)

請您先登入才能留言回應。