[Facebook] Facebook分享按鈕計數器一直保持顯示

  • 6546
  • 0
  • 2011-05-26

[FaceBook] FaceBook分享按鈕計數器一直保持顯示

很多人常常會在網站中加入Facebook分享按鈕(Share Button),讓想要在Facebook上分享這個連結的網友可以很方便的點選,而分享按鈕其中的一種樣式是旁邊會有計數器顯示分享此連結的人數,不過之前我一直感覺很奇怪的一件事就是為什麼有時候旁邊的計數器不會顯示有時又會顯示出來,於是上網搜尋一下希望讓分享的計數器一直保持顯示,也找到了下面這篇國外部落格的文章:

http://ostiko.com/tutorial/facebook-share-count-button

 

原來分享計數器不會顯示的情況是當分享人數小於3個人時就不會顯示出來,而大於這人數後就會一直保持顯示,不過我們也可以改一下讓分享計數器無論多少人分享都保持顯示出來

 

首先在加入分享按鈕時我們會先加下面這行引用FB.Share檔案

<script src=”http://static.ak.fbcdn.net/connect.php/js/FB.Share” type=”text/javascript”/>

因為我們需要修改那個檔案所以就到下面這網址去把檔案下載回來

http://static.ak.fbcdn.net/connect.php/js/FB.Share

 

然後用記事本開啟下載的檔案並搜尋找到 this.displayBox(a,3) 這行,那個3就是至少要有3個人以上分享才會顯示,所以要一直顯示出來就是改成 this.displayBox(a,0),然後存檔關閉

 

現在我們要把原本引用來自Facebook的FB.Share檔案那行網址改成我們自己的,所以需要把剛剛修改完成的檔案找個空間存放,這樣才能引用,因為我沒有自己的主機也沒有其他可以存放網站的空間,所以下面我以放在點部落來示範:

 

在點部落後台管理的頁面選擇檔案頁籤

image

 

因為點部落可以支援上傳的檔案格式為圖檔或是.rar及.zip檔,因此在這裡我們無法直接把剛剛修改的檔案上傳,不過我們可以把它改成.zip檔(經過我測試功能還是可以正常使用),檔名就是 FB.Share.zip

 

然後右鍵點到剛剛上傳的檔案選擇內容,記下這個檔案的網址,最後就是把原本引用FB.Share 的網址改成剛剛上傳檔案的網址,如果是放在別的地方就一樣改成檔案的網址:

<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share” type="text/javascript”/> 改成 

<script src="FB.Share.zip檔案的網址"  type="text/javascript"/>

 

這樣不論分享人數多少計數器都會一直顯示出來

image image