2015年3月27日

Blogger 單篇文章瀏覽數 V2﹍(1) 取得 Google Analytics 數據

A+
最近發現計數器呈現停滯狀態,進了 Google 試算表才發現,原來官方已經強制升級為新版試算表,因此舊版試算表抓取 Google Analytics(簡稱 GA) 的功能跟語法已經失效,導致計數功能無法執行,請見這個「Google 試算表升級公告網頁」。

若你安裝的舊版「Blogger 單篇文章瀏覽數」還能運作,如官方公告所言,試算表升級動作從 2014 年就開始,日前我的試算表已被強制升級,因此所有的舊版試算表終將無法運作。

為了讓新版試算表能運作「單篇文章瀏覽數」,整個製作流程得全部更改,後端與前端的程式碼也都要重寫。算算這已經是「單篇文章瀏覽數」第 3 個版本了,雖然有點無奈,不過使用網路的免費服務就是這樣,得習慣每幾年就可能出現的大改版。

也因為如此,從現在開始,為了讓這個功能可長久運作,「單篇文章瀏覽數」必須開始酌收維護費用,請見後述細則。

(圖片出處: freevectorgraphics.org)


一、收費的原則


1. 此為一次性的費用,只要 Google 試算表沒有再大改版,不需要重寫程式,就不會再收費。

2. 下次大改版之前發生的各種小狀況,只需要修改部分程式就能解決的話,本站會負責維護。

3. 安裝步驟非常多,若有辦法自行安裝者,維護費用為 NT. 300

4. 無法自行安裝,或想節省時間由本站代為安裝者,費用較高,請用文末聯絡表單與我聯繫。



二、準備動作


有信心挑戰自行安裝的使用者,相信你已經安裝過舊版,知道流程有多長、有多少準備動作。以下內容共有兩篇文章,以及事先需要瞭解的概念。

1. 安裝 GA

首先確定部落格已經申請、並安裝了 GA,才能使用本文的功能。

為何需要使用 GA 來當計數器,而不是使用其他免費的第三方計數器服務?詳細理由、運作原理、及我過去發生的事件,請直接參考舊文「讓Blogger能顯示單篇文章瀏覽數」。


2. 心理建設

GA 的數據與 Blogger 後台的數據不同,且某些文章可能相差很多。但是相對而言,GA 的數據是最有參考性、反應真實狀況的。詳細的比較分析務必參考這篇「Blogger 後台文章瀏覽數與 Google Analytics 數據差別很大的原因」,來為自己打預防針。



三、製作試算表資料庫


2015/7/14 修訂:由於 Google 試算表的 GA 外掛出問題,以下內容為修正後的流程。若曾安裝過 V2 版本的讀者,請重新按新流程進行。

2015/9/19 修訂:由於 Google 試算表的自動更新會有 Bug,有時會停止更新。雖可手動重新設定每小時自動更新,但仍有可能會停止。建議按以下更新的流程,重新製作兩個新的試算表,用來繞過這個 Bug。


舊的流程只使用一個試算表,新的流程必須使用兩個試算表,因為 GA 外掛會讓自動執行的觸發程式相互打架而失效。

1. 首先請登入 Google 帳號,進入「Google Drive」,隨意在主畫面建立一個新的試算表檔案,用來儲存 GA 數據,標題名稱自取,例如 "GA 數據",我們稱為「試算表 A」。




2. 請見這個試算表的網址,如上圖紅框中反白的位置,在 "/d/" ~ "/edit..." 之間的所有字串,例如 "12vdASz0DFbkMyjrOMEmW46uCtwBPFsZcqUz7T7B-tOk",就是這個試算表的 ID 代號,請記下來,下一篇會用到


3. 按「外掛程式」→「取得外掛程式」:



如上圖紅框處,運氣好可直接看到「Google Analytics」的圖示,可直接點選安裝。沒看到的話,在搜尋框搜尋 "google analytics" 也可找到。




接著按下「免費」按鈕即可進行安裝。




彈出的視窗按下「接受」即可


4. 回到主畫面,按下「外掛程式」→「Google Ananlytics」→「Create new report」,等待幾秒鐘後,右邊會產生新的視窗,有很多資料要填寫。




先看上半部,第 1 個欄位請填入字串 "sheet1"

接著第 2 個欄位紅框處,確認一下你已經勾選了要統計數據的網站名稱




Metrics 這個欄位,可用滑鼠拉到圖中的位置,也可直接輸入字串 "pageviews" 來快速找到這個項目




Dimensions 這個欄位,可用滑鼠拉到圖中的位置,也可直接輸入字串 "page" 來快速找到這個項目

最後按下「Create Report」完成設定




5.「試算表 A」會自動產生一個新的工作表「Report Configuration」,用來儲存 Google Analytics 的各項設定。檢查一下第 8~9 欄的設定值是否跟上圖紅框一模一樣?如果不是的話,你可能之前選錯項目了,請把這兩欄的字串改成跟上圖一樣。

接著請依上圖欄位設定其他項目:

  • Start Date: 填入 2005/1/1
  • End Date: 填入 =today() 會自動產生當日日期
  • Last N Days: 清除內容
  • filters: 填入 ga:pagePath=~^/20
  • max-results: 填入 50000


6. 設定完後,來試試看能否抓到 GA 的數據。按下「外掛程式」→「Google Ananlytics」→「Run reports」

執行完畢後,我們切換到工作表 "sheet1"




有數據跑出來的話,就差不多成功了,後續的步驟都不太會有問題。




7. 接下來設定自動抓 GA 數據的間隔,按下「外掛程式」→「Google Ananlytics」→「Schedule reports」,會出現上圖。

  • 先勾選「Enable reports to run automatically」
  • 再選擇「evrey hour」,代表每個小時自動更新一次數據
  • 然後按下「Save」儲存

由於篇幅的關係,剩餘的步驟請見下一篇:



聯絡表單:



1 則留言:

張貼留言注意事項:

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