隱藏 Blogger 管理頁的流量統計

為什麼要隱藏流量統計？

從去年使用 Blogger 架站開始，一開始看到那張在管理首頁的流量統計圖，慢慢上昇是一種鼓勵，為 Blogger 所作的搜尋引擎優化 (SEO) 有所效果，文章竟然有人在看，流量增加漸漸的成為繼續寫文章的動力與重心。

不知道為什麼，看到相同的流量統計圖表漸漸有了焦慮，像是做了這麼多事情，花了這麼多時間寫文章，以及額外找地方宣傳，好似沒有什麼明顯回饋回報，沒法讓流量有所起色。後來越來越覺得無力，慢慢的就不想登入 Blogger，漸漸減少寫文章的次數與頻率。

上了一些講座課程，驚覺自己忘了一開始寫部落格的初衷，要練習創造力，建立自己的網路品牌，但後來不知不覺流量統計影響。為了不再受到這因素影響心情，決定要想個辦法，砍掉這給我帶來憂慮的流量統計。

管理頁的流量統計，紅色區塊資訊越看越焦慮…

要怎麼做呢？

一開始拜 Google 大神沒什麼結果，Blogger 管理介面似乎有沒有隱藏流量統計的設定。自己想了想，最簡單的方法，就是使用電腦 Chrome 瀏覽器載入 Blogger 頁面時，若能執行某段程式，把流量資訊的內容給砍掉，或是隱藏，就可以達成目的，不要讓自己看見流量統計。

如何實作？

怎麼讓 Chrome 瀏覽器，在指定網址頁面載入完，執行指定的程式呢？經由 Google 大神的開導，可以安裝使用 Chrome 擴充功能，Tampermonkey，當進入 Blogger 管理頁時，執行隱藏資訊的 JavaScript 程式碼。

有工具，再來就是思考要執行怎樣程式，可以隱藏或是刪除流量資訊頁。當網頁載入，瀏覽器會建立顯示的 HTML DOM 模型，若我能知道模型中哪些節點，是顯示流量資訊的話，刪除該些節點就可以了。但解析並操作該 DOM 模型，以我的印象中，有點麻煩…。

從 Chrome 網頁 DOM 解析工具發現，Blogger 流量統計都有設定 CSS Style，一種描述該流量統計要怎麼顯示的樣式表，可以透過樣式表，設定字體大小，顏色，縮排空白等等顯示屬性，當然也可以設定是否顯示。因此程式只要在網頁載入後，加入一組樣式表，設定其流量統計不要顯示就可以了！

一開始我也不知道如何寫 JavaScript 設定樣式表，但 Google 大神有很多資料，關鍵字「javascript add css」就找到 stackoverflow 上範例程式碼，修改一下成下面的樣子：


var sheet = window.document.styleSheets[0];
sheet.insertRule('.gwt-Image { display: none !important; }', sheet.cssRules.length);
sheet.insertRule('.OJTUNIC-q-A tr:nth-child(3) { display: none !important; }', sheet.cssRules.length);
sheet.insertRule('.DY0BBXD-p-d a:nth-child(2) { display: none !important; }', sheet.cssRules.length);
sheet.insertRule('.OJTUNIC-F-g { display: none !important; }', sheet.cssRules.length);
sheet.insertRule('.DY0BBXD-p-m { display: none !important; }', sheet.cssRules.length);

執行結果令人滿意，看不見流量資訊，就不會像以前那樣感到焦慮。部落格網誌管理首頁看不到流量圖，網誌總覽首頁看不到流量圖，也不看到今日訪客數量，管理文章頁面也看不見文章累積瀏覽數。