facebook、twitter等社群網站分享按鈕

很多網站、新聞都有分享的按鈕,可以把自己喜歡的文章貼到社群網站的塗鴉牆上。這裡分享的是本站所使用的分享按鈕。

分享按鈕的語法大致可以分成兩類:純HTML或JavaScript語法。純HTML語法的優點是當用戶的瀏覽器沒有開啟JavaScript支援時,仍然可以使用分享按鈕;但是缺點在於每一篇的網址、標題都要自己設定(或是用程式抓取),而且如果你的網站編碼不是UTF-8的話,分享出去的內容會變成亂碼(因為大部份的社群網站都採用UTF-8編碼)。

JavaScript語法的優缺點正好和HTML語法相反。缺點是用戶瀏覽器不支援JavaScript時,分享按鈕就沒有作用;優點則是不需要一篇篇設定連結的網址和標題,只要複製貼上語法即可(JavaScript會自動抓取),而且網站編碼不同時,也不會產生亂碼的問題。其實現在大部份的用戶都會開啟JavaScript支援(大部份瀏覽器預設是開啟的,除非特別關閉),因為很多網站都會用到這個語法,所以如果沒有開啟的話,有些網站是無法正常瀏覽的。

這裡有個小建議是,如果你的網站是UTF-8編碼,而且你知道要如何修改程式(參考沒學過程式也能修改CMS),那可以用純HTML語法就好了;反之則採用JavaScript語法。以下是各個社群網站的分享按鈕,為了使版面簡潔所以同一個網站就放在一起,請根據註解說明選擇純HTML或JavaScript語法即可。

Facebook (官方小工具)

















關連文章:在網誌中加入facebook的”讚”按鈕

Plurk

















Twitter (官方小工具)

















新浪微博 (官方小工具)

















Google+ (官方小工具) (2012.04.29 更新)

Google+的社群按鈕有分成+1(推文)和分享。+1的意思是”推薦”這篇文章,類似facebook按”讚”的意思,會顯示在推文者個人資料裡面,但是不一定會被分享到訊息列(塗鴉牆)上。而分享就是直接發佈到訊息列上,讓朋友們可以互相交流。兩者據說都會被google列入搜尋排名的考量因素中,所以二個按鈕最好都要使用。

+1的按鈕可以從官方工具選擇樣式後,直接貼上語法即可。如果要指定網頁(例如首頁),讓 +1 的按鈕不會隨網址變動而改變的話(如本站選單上的 +1),可以選擇「進階選項」輸入「+1 的網址」即可。
















Share on Google+