2012年12月1日

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

A+

(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='http://3.bp.blogspot.com/-MY5uiaGEASM/UKm-90fIT5I/AAAAAAAAFFM/zDxZGozqlFY/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='http://3.bp.blogspot.com/-MY5uiaGEASM/UKm-90fIT5I/AAAAAAAAFFM/zDxZGozqlFY/s1600/google_reader_tc140.png' title='訂閱最新文章'/></a>";
  document.write(html);
} )();
</script>

(1) 以上紅字請填入 feed 網址,必須以是 http 開頭的網址字串。使用這個方法得知道自己的 feed 網址才行。
(2) 以上藍字的網址可改為自訂圖片網址,title 的中文敘述也可自訂。

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


四、小結

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

沒有留言:

↑TOP

張貼留言注意事項:

◎ 勾選「通知我」可收到後續回覆的mail!
提問請附網址、詳細描述狀況,如提供的資訊不足,則無法回覆。
◎ 請在相關文章留言,與文章無關的主題請至「Blogger 中文論壇」。
◎ 若詢問 CSS 、非官方範本問題、或貴站為商業網站 ,請參考「本站諮詢頁面」→「1. 諮詢服務」
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 若發現留言不見了,通常是因為 "複製貼上" 的內容常被系統判定為垃圾留言,請不用擔心,我會定期將留言恢復。
◎ 本站「已關閉自刪留言功能」。