關於 web service, unity, blogger 等軟體工程筆記

隱藏 Blogger 管理頁的流量統計

Edit icon 沒有留言
隱藏 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);

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

隱藏流量統計的管理頁

隱藏流量統計的管理頁

使用此功能

首先先在 Chrome 流覽器安裝 Tampermonkey。再來安裝上述的簡易程式碼,該程式碼已經發佈到 greasyfork 託管網站,可以點選此連結開啟,並且點選安裝腳本即可。該 Script 也發佈在 Github 上。

若想恢復能看到 Blogger 流量統計,點選網址列旁的 Tampermonkey 圖示開啟設定頁,在該擴充功能設定頁,將該 Script 停用,再重新整理頁面就可以了。

Tampermonkey 設定頁關停用 Script

沒有留言: