幫部落格安裝一鍵訂閱新版Google Reader(閱讀器)的按鈕

(Pic from: joshrimer.com)「Google Reader」可說是訂閱、整理網站 RSS 最方便的閱讀器工具了，透過他可以蒐集我們需要的各類資訊，不管是娛樂、學習或是情報。網路上介紹他的文章非常多，如果對這個工具不瞭解，可以參考「介紹網頁」、「使用技巧網頁1」、「使用技巧網頁2」。

也因為 Google Reader 好用，我發現用它訂閱網站 RSS 的讀者數量比較穩定，而使用其他閱讀器或用其他方式訂閱的使用者比較不穩定（見「一、FeedBurner 訂閱數」)，因此若部落格能提供一鍵訂閱 Google Reader 的按鈕，相信這個友善介面對累積忠實讀者有幫助。以下先是 FeedBurner 的經驗分享、及安裝方法的原理，若想直接安裝請跳「三、安裝 Google Reader 訂閱按鈕」。


一、FeedBurner 訂閱數

「FeedBurner」應該是燒 feed 最常用的工具了，但是站長們應該常會對 FeedBurner 顯示的訂閱人數感到困惑，有時爆衝、有時暴跌。我試著來瞭解這樣的現象，下圖是本站目前為止訂閱人數的圖表：



左上角總數 56 的來源共有：下面表格的 Google Feedfetcher x 51, unknown x 2, Mozilla Compatible Agent x 1, FeedBurner Email Subscriptions x 2。

1. 先說最後一項，經由 email 管道訂閱，這一項的變動不大，但比例算是極低的，幾乎可以無視。

2. 比較穩定成長的算是 Google Feedfetcher，包含了 Google Reader 及 iGoogle 的人數。而 Google Reader 個別的訂閱數可經由下圖的方式查到──



先用 Google Reader 訂閱自己的部落格 → A：按下自己部落格右邊的箭頭 → B： 選擇「查看詳細資料與統計資料」即可顯示訂閱人數。

3. 其他所有的訂閱來源，例如 unknown、Mozilla Compatible Agent，過去還曾出現過 Opera、Outlook、FireFox 等等各種來源，數據從以前到現在都是一陣子有、一陣子消失。或許這些閱讀器的設計，就是容易會讓讀者常常對訂閱的網站做剔除、篩選的動作；另外的原因大概是某些外掛套件能夠藉由訂閱，來暴力抓取全網站的資料(無論我們是否開放全文 RSS)，而他們複製完資料後就退訂 RSS 了。

因此合理推斷，使用 Google Reader 訂閱的訪客，除了比較可能成為忠實讀者外，也可能是 Google Reader 設計得好，讀者不會沒事一天到晚想著是否要將這個網站退訂。



二、快速訂閱 Google Reader 的原理

Google 了很久，遍尋不著快速訂閱新版 Google Reader 的方法(舊版方法已經失效)，只好自己研究一下。Google Reader 在「設定」→「額外功能」，提供了一個下圖紅圈的「訂閱」按鈕──



這個按鈕可放進書籤也可拉到書籤列，以後看到想訂閱的網站，只要按這個按鈕即可訂閱。通常這種可放到書籤的按鈕就是用 javascritp 寫的，對著他按滑鼠右鍵 → 複製連結網址，可得到這串 js 程式碼。把他拆解一陣後，就得到了能夠放到自己部落格的安裝碼。


三、安裝 Google Reader 訂閱按鈕

1. 擺放位置：如果像本站一樣放在文章後面的話，到 Blogger 後台打開範本文件：編輯 HTML → 搜尋 <div class='post-footer-line post-footer-line-1'>。應該會有兩個搜尋結果，在第一個搜尋結果的後面找適當的位置放安裝碼；第二個搜尋結果是行動裝置版本的位置，我不知道效果，請自行測試有無作用。

如果要擺放到其他位置的話，請參考「Blogger 範本__(二)標頭、導覽列、側邊欄、頁尾區塊的程式碼」、「Blogger 範本__(三)文章及留言區塊的程式碼」。

2. 安裝程式碼：

  A. Blogger：請在範本內適當位置放以下程式碼──

<a expr:href='"http://www.google.com.tw/reader/view/feed/" + data:blog.canonicalHomepageUrl + "feeds/posts/default"' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCDGRRN4gM1c5uxUQ6xN8FvXZ79CXT_BuokcSlfyK-qpUixgz9ef2MaVjmiAkYo91l7SLvUipv9bSgN57EUW79384RfbLmfvQto2BDbgTc65ABkuon7Ohs3id0ds3t8z48gj5FYS_mmKWv/s1600/google_reader_tc140.png' title='訂閱最新文章'/></a>
(1)首先要注意的是以上程式碼含 Blogger 語法，因此只能放在範本內；若要放在 HTML/Javascript 小工具的話則無法執行。

(2)以上藍字的網址可改為自訂圖片網址，title 的中文敘述也可自訂。

(3)另外要注意的是以上程式碼使用 Blogger 預設的 feed 網址參數，如果自己的部落格並非使用 Blogger 預設的 feed 網址就不能用這個安裝法(可以自己測試一下按這個按鈕，能否成功訂閱自己的網站)。

若是為以上(1)(3)兩點的情形請改用「B. 其他部落格」的方法。

  B. 其他部落格：請在適當位置放以下程式碼──

<script>
(function() {
  var feed = "填入feed網址";
  var html = "<a href='http://www.google.com.tw/reader/view/feed/" + feed + "' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCDGRRN4gM1c5uxUQ6xN8FvXZ79CXT_BuokcSlfyK-qpUixgz9ef2MaVjmiAkYo91l7SLvUipv9bSgN57EUW79384RfbLmfvQto2BDbgTc65ABkuon7Ohs3id0ds3t8z48gj5FYS_mmKWv/s1600/google_reader_tc140.png' title='訂閱最新文章'/></a>";
  document.write(html);
} )();
</script>
(1) 以上紅字請填入 feed 網址，必須以是 http 開頭的網址字串。使用這個方法得知道自己的 feed 網址才行。
(2) 以上藍字的網址可改為自訂圖片網址，title 的中文敘述也可自訂。

存檔後即可，效果大致類似文末的「訂閱」項目。


四、小結

如同這篇文章「50種匯集部落格人氣的方法」所提，50 種方法看似很多，講的就是同一件事──如何讓訪客訂閱你的網站。因此在網站顯眼處提供訂閱圖示按鈕，是一件很重要的事，例如本站左上方的訂閱圖示。從現在起，除了 RSS 訂閱圖示以外，相信你也會發現 Google Reader 訂閱圖示的重要性。