如何在網站放置FaceBook、Twitter可顯示分享數量的按鈕?

2009/12/08 網路社群

FunP這個推文的社群網站是眾所皆知的,但隨著微網誌的興起,漸漸的在網站上也看到了推文到Plurk、FaceBook、Twitter等微網誌的按鈕,藉由這些網誌社群來推廣文章,不過總是會好奇的想知道到底有多少人分享你的文章推上去,除了FunP可以看到推文數字外,其實Plurk和Twitter也有顯示分享數量的按鈕,如果你想了解你的文章有多少人分享出去的話,想必這一定很適合你。

00

目前Plurk(噗浪)還沒有看到有分享數量的按鈕,只有一般的分享按鈕,或許已經有了,是丫湯的資訊比較落後,可能要麻煩你告訴一下丫湯,而今天要介紹的Facebook和Twitter按鈕,其實是前陣子拆組達人在問丫湯的,不過一直沒時間去研究一下,這2天突然想起來找了一下,就順便分享囉。

FaceBook分享按鈕:

網站位址:http://www.facebook.com/facebook-widgets/share.php

進入到FaceBook的分享小工具頁面後,選擇你要用的樣式,再將程式碼放到你的網站要顯示按鈕的地方就可以囉,跟FunP推文按鈕的放置方式是一樣的意思,其中要分享的網址如果不變動就是分享按鈕所在的頁面,你也可以選擇自定義,自行設置分享網址。

01

Twitter分享按鈕《TweetMeme Button》:

網站位址:http://tweetmeme.com/about/retweet_button

進到網站位址後,選擇『Web Button

02

進去後會有一整頁的語法介紹,不過客倌們一定耐不住性子慢慢看,原則上就是樣式二選一,語法如下:

04

<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>

03

<script type="text/javascript">tweetmeme_style = 'compact';</script><script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>

一樣都是放在要顯示的地方就可以了,你會發現這怎麼不是Twitter,別想太多,這是和Twitter合作的書籤網站,所以推到Twitter和推到這裡是一樣的意思,也不用再註冊,使用的是Twitter的帳密登入啦,放心的使用吧。

你可能對這些內容也有興趣

作者:阿湯

對電腦 & 網路資訊充滿興趣與熱情、瘋了似的每日堅持發文,「阿湯」這個名字是由湯姆克魯斯而來的,雖然我沒有他帥氣,也不會演電影,但我會寫文章....

更多關於的文章》

15 個留言

  1. Nien-Yi表示:

    不好意思想請教一個問題

    我想在wordpress部落格中加入 http://tinyurl.com/cwgjj5
    裡面的Small icon and text這個Facebook Share
    但是把code加入single.php之後,點選按鈕,

    卻無法顯示文章中的圖片做為縮圖
    請見http://blog.tripwon.com/2011/07/19/6-pet-friendly-beaches/

    可能是wordpress的header或single.php中,關於圖片的url和meta tag對不起來

    另外一個我覺得很奇怪的事情是
    Facebook API的網站中,Facebook Share這個功能的網頁開不起來
    http://www.facebook.com/fa​cebook-widgets/share.php
    上面這個網址會連到Like的頁面,超怪的
    API裡面居然也沒有Share的這個頁面,似乎是被移除了(?)

    謝謝你!

    阿湯說:

    之前就移除了,新的share可能要再找找

  2. sjolzy表示:

    研究了下搞定了,3Q~

    阿湯說:

    不客氣

  3. 鼻涕男孩表示:

    阿湯哥~~求救一下~~我是個wp初學者,之前試過好幾次,想再文章方放入fb推文按鈕(我試過like fb、還是fb官網的那串語法),可是我自己在測試時,完全不能推~~一直顯示:

    發表此項目時發生錯誤,
    此選框將會在樹秒後自動關閉。關閉這個視窗。

    等以上兩行文字,所以我想請問一下阿湯哥要放置推文按鈕之前,是不是有什麼必經的手續?例如要有粉絲團之類的?

    謝謝囉~~~

    阿湯說:

    沒有什麼必經手續,是可以直接用的.不過你的按鈕是不是語法有弄錯呢

  4. jayers表示:

    Funp、黑米都有點冷掉了。反倒是原始的BBS站隨著PTT的日漸風行而越來越夯。
    今天看FB的share似乎已經被取消了,官方把說明頁重導向了like button去。

    阿湯說:

    fb也沒那麼熱了…不知道再來紅的會是哪一個

  5. Ryan表示:

    我用很多介紹twitter書籤按鈕的網站
    很多很多都沒法用顯示那串英文
    只有一兩個可以用但是看不出差別
    retweet都可以用沒問題
    都是在同樣瀏覽器下
    現在要回去找成功的那幾個網站還真麻煩@_@”

    阿湯說:

    你要不要試試其它電腦,也有可能是你電腦端的問題,我朋友用IE7按也沒問題

  6. Ryan表示:

    8.0.6001.18702
    這個版本
    真怪@_@”

    阿湯說:

    我用了其它電腦試也都正常…

  7. Ryan表示:

    我換safari就可以了
    沒想到是瀏覽器的問題
    那請問有沒有ie可以用的twitter的語法

    阿湯說:

    你IE版本是多少,因為我用IE8也是正常

  8. Ryan表示:

    Invalid Unicode value in one or more parameters
    小按鈕沒錯
    可是我按會出現這個
    原來你沒問題
    看來是我有問題
    可是我不知道
    去找好多部落格的按鈕都有這樣問題
    只有一個不會可是裝失敗-0-

    阿湯說:

    你有換個瀏覽器試試嗎

  9. Ryan表示:

    請問一下
    你這篇文章標題下方的twitter已經失效了
    請問是什麼問題嗎?

    阿湯說:

    有嗎,你是說小按鈕嗎,剛試沒有問題耶@@

  10. 拆組達人表示:

    plurk的有啊!不過現在我在公司,沒開啟,回去在msn上面再和你說!

    阿湯說:

    等你嘿

  11. 高藥師表示:

    要怎麼把那段頁碼放到文章裡面呀

    阿湯說:

    WP的話用記事本或編輯器開啟要加入語法的檔案,再把源碼貼到要顯示的地方就可以了

  12. dennislion表示:

    不知道是不是我比較笨 … …
    facebook的我不會用=口=”!!

    阿湯說:

    哪邊不會呢

  13. 梅干扣肉表示:

    現在頁籤已經改成facebook,真是風水輪流轉

    阿湯說:

    Funp確實有點冷掉了

發表留言 »

姓名(*)
信箱(*)