2015年3月27日

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

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

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

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

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

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

(圖片出處: freevectorgraphics.org)


一、收費的原則


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

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

3. 有三種收費方式:

  • 安裝步驟非常多,若有辦法自行安裝者,只提供程式碼,需自行安裝及維護,費用為:NT. 400
  • 只提供程式碼,需自行安裝,資料庫由本站製作、由本站維護,費用為:NT. 700
  • 全部由本站處理、由本站維護,可安裝計數器到指定的首頁文章區塊位置、及文章頁面位置,費用為:NT. 1000

4. 若選擇由本站維護的方案,需申請「Blogger「長期免費諮詢」」,以此名義進行維護,網站頁尾需放置 WFU BLOG 的維護連結。

5. 請用文末聯絡表單與我聯繫。



二、準備動作


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

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」儲存

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



聯絡表單:

稱呼:(必填)
電子郵件:(必填)
您的網址:(必填)
本文標題或網址:(必填)
請詳細描述您的需求、問題或意見,如提供的資訊不足,可能無法回覆:(必填)
0 0
如這篇文章對你有幫助,歡迎「分享」到 FB、「追蹤」粉絲團、「訂閱」最新文章

1 則留言:

張貼留言注意事項:

◎ 勾選「通知我」可收到後續回覆的mail!
◎ 請在相關文章留言,與文章無關的主題可至「Blogger 社團」提問。
◎ 請避免使用 Safari 瀏覽器,否則無法登入 Google 帳號留言(只能匿名留言)!
◎ 提問若無法提供足夠的資訊供判斷,可能會被無視。建議先參考這篇「Blogger 提問技巧及注意事項」。
◎ CSS 相關問題非免費諮詢,建議使用「Chrome 開發人員工具」尋找答案。
◎ 手機版相關問題請參考「Blogger 行動版範本的特質」→「三、行動版範本不一定能執行網頁版工具」;或參考「Blogger 行動版範本修改技巧 」,或本站 Blogger 行動版標籤相關文章。
◎ 非官方範本問題、或貴站為商業網站,請參考「Blogger 免費諮詢 + 付費諮詢
◎ 若是使用官方 RWD 範本,請參考「Blogger 推出全新自適應 RWD 官方範本及佈景主題」→ 不建議對範本進行修改!
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 為了過濾垃圾留言,所有留言不會即時發佈,請稍待片刻。
◎ 本站「已關閉自刪留言功能」。

TOP