(Pic from: SeonBieber)相信有使用 Feedburner 訂閱按鈕的站長可能會發現，去年七月「Google Reader 關閉」(以下簡稱 GR)之後，Feedburner 接收 GR 訂閱人數的狀態便陷入混亂，顯示的數據保持著區間震盪的走勢，一下子爆衝、一下子又暴跌，週而復始進行無限循環。
忍受這亂象一年後，最近決定動手剷除這個亂源。由於後 GR 時代，看來 Feedly 目前仍穩居 No.1 的地位，算是比較有公信力的指標，因此改用「Feedly 按鈕 + 訂閱人數」會是不錯的替代方案。
而且今年七月起，原本另一個 Feedburner 的替代方案，「Feedpress 已經取消了免費方案」，因此看來使用 Feedly 顯示訂閱人數會是較佳的選擇。
想瞭解更多細節，請繼續看下去；如果想直接安裝程式碼，請跳「二、安裝程式碼」。
一、Feedly 訂閱人數
1. 與 Feedburner 比較
首先看一下本站的 Feedburner 後台訂閱人數畫面──
86 個訂閱者裡面，「unknown」佔了 58 個最多，合理推估這應該代表 Feedly 的訂閱人數。接著查詢 Feedly 的訂閱人數──
使用「WFU BLOG 換網址」之前的 feed 網址查詢，看到舊時代的 feedly 訂閱者有 97 位。接著使用 feedburner 網址查詢──
結果有 70 位訂閱者。總之，這些數據都與 Feedburner 的「unknown」項目兜不起來，且遠高於 feedburner 數據，至此可確定本站在 feedburner 的數據庫已經無任何參考作用。
2. 其他網站的情形與 Feedburner 比較
為了驗證這是不是常態現象，利用以上的檢驗方式，抽樣了幾個網站，結果如下(2014.7.16 抽樣)：
- 「符碼記憶」：Feedly (161 + 30) < Feedburner 384
- 「電腦玩物」：Feedly (17K + 8K) > Feedburner 8447
- 「Julia says」：Feedly (421 + 90 + 43) > Feedburner 297
Feedburner 與 Feedly 的數據孰大孰小不盡然相同，而且每天觀測的數據，倍數落差之大也讓人難以想像。不過可以確定的是，Feedburner 的數字已經失真很久了，因此在 Feedburner 旁邊擺個比較穩定的 Feedly 數據，會客觀一些。
3. Feedly API
Feedburner 沒開放 API，不過 Feedly 這方面很上道，開放了「API」讓我們撈數據，因此要獲得 Feedly 訂閱人數是可行的。以下藉由這個 API，提供顯示單一 feed 訂閱網址的數據。
二、安裝程式碼
首先，這個程式會產生一個 Feedly 的訂閱按鈕(來源出自「幫網頁安裝「一鍵訂閱到 Feedly」按鈕」)，但多了訂閱人數統計的功能。
1. CSS 樣式
請到後台「範本」→「編輯 HTML」，搜尋
<style>
/* Feedly 訂閱人數 */
.feedly_btn { /* 整個區塊 */
position: relative;
display: inline-block;
margin: 10px 10px 0px 0px;
}
.feedly_btn img { /* 按鈕圖片 */
width: 90px;
height: 35px;
}
.feedly_count { /* 訂閱人數 */
position: absolute;
top: -12px;
right: -10px;
padding: 2px 6px;
color: white;
font-family: arial, sans-serif;
font-size: 12px;
background-color: #d60000;
border-radius: 15px;
box-shadow: 0 2px 2px rgba(0,0,0,0.4);
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
line-height: 12px;
border: 2px solid white;
z-index: 2;
}
</style>2. 按鈕擺放位置
請將以下 HTML 碼，放在範本中 "任何" 想顯示 Feedly 訂閱按鈕的地方，也就是說可以放不只一個地方：
<span class="feedly_btn" title="訂閱 WFU BLOG 到 Feedly"></span>Title 的藍色提示字串請自行置換。
不清楚要放哪裡的話，找到原本放 Feedburner 按鈕之處，取而代之即可。或是也可參考這兩篇「Blogger 範本__(二)標頭、導覽列、側邊欄、頁尾區塊的程式碼」、「Blogger 範本__(三)文章及留言區塊的程式碼」，來找到合意之處。
3. 主要程式碼
最後，在範本中搜尋
請參照以上程式碼行號修改：
E：紅色字串請改為自己的 RSS feed 網址
F：如果想使用自訂的按鈕圖片，請置換藍色字串網址
I：由於「Google Drive 關閉外連」功能，綠色字串的 JS 網址是無法外連的，請參照「WFU BLOG 外連 JS 變更及操作說明」，將這個連結下載後存成 JS 檔，上傳到自己的空間或 Dropbox。取得自己的 JS 檔外連後，置換本行的綠色網址字串。
三、修改 CSS
若使用預設的設定值，效果大致如下圖一般：
如果想自訂按鈕的各種配置、效果，可參考以下說明修改 CSS 參數：
1. 更改圖片大小
找到 /* 按鈕圖片 */ 的區間後，可自行修改寬度、高度的像素(px)值。
2. 訂閱人數字體大小
如果想修改字體大小，以下是比較簡單的修改方式。找到 /* 訂閱人數 */ 區間後，三個紅色數字 12 通常一併更改為相圖數值即可；另外也可斟酌修改紅色數字 6 的大小。
以上只針對比較容易說明的部份，而其他部份的修改，建議具備足夠的 CSS 知識後再進行調整。
Feedly 相關文章：
HAPPY
回覆刪除