2012-12-25

在網站部落格加入噗浪Plurk分享按鈕

在現在的社群網站中,如:Facebook有讚的按鈕,而Google+也有+1的按鈕,然而大家可能會覺得說,Plurk有可以嵌入網站的分享按鈕嗎?於是大明就好奇的網路上找尋了一番,而在噗浪通訊社,也就是噗浪官方部落格中找到文章了,現在就來說明一下囉。

噗浪通訊社(噗浪官方部落格)分享按鈕說明網址:
http://zh.blog.plurk.com/archives/1191




從官方部落格說明中,主要有分為電腦版及手機版的程式碼,
如電腦版:
http://www.plurk.com/status=訊息內文&qualifier=shares
如手機版:
http://www.plurk.com/m?content=訊息內文&qualifier=shares

最主要說明了利用『content』這項變數,去接收要分享的東西,例如我們要分享網址與標題則可以使用官方部落格說明方式進行文字分享,如下列程式碼。

<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(')')));">分享到噗浪</a>


上面程式碼主要是以『文字超連結』的方式進行分享,裡面的參數『window.location.href』代表為現在的網址,而『document.title』代表網站標題,若要分享其他內容其實都可以透過『status=』後方進行更改。

而如果不喜歡用文字的方式去進行分享,想要更改則圖片按鈕式的則將上述的程式碼『分享到噗浪』更改為圖片程式碼就可以囉。如下圖程式碼所示。


<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://statics.plurk.com/bda225d234426cccca300c551f60438e.png" width="97" height="20" align="absmiddle" border="0" /></a>

另外其實現在網站上也有專門製作社群網站及書籤網站的分享按鈕服務,如:LOCKERZ ShareAddThis,它可以簡單設定後,就一次放好多個社群網站按鈕。
Related Posts Plugin for WordPress, Blogger...
无觅相关文章插件,快速提升流量
友荐云推荐




沒有留言:

張貼留言