iT邦幫忙

2021 iThome 鐵人賽

DAY 26
0
Modern Web

不只是串串API,新手前端30天系列 第 26

DAY26 - 網站分析工具介紹 - 質化與量化的結合 - Matomo

昨天介紹完以搜集質化數據為強項的Hotjar之後,今天我們要介紹的是可以搜集質化和量化的工具 - Matotmo

PS. 很多圖片來源皆來自於matomo官網

Matomo背景

Matomo,前身是Piwik(2007 release)。是由國際開發人員免費且開源的網頁分析軟體工具,在PHP和MySQL運行。

What is Matomo? 他可以做什麼?

Matomo是一個網頁行為數據搜集與分析的工具,提供追蹤碼供工程師埋到需要追蹤的網站,並且擁有後台可以觀察搜集後的數據。是一個整合質化和量化數據分析的平台

Why Matomo? Matomo的特色

1. 整合質化與量化的功能與平台中

一般的網站分析工具,可能是著重在量化 (Ex. GA)或是著重在質化(Ex.Hotjar)。但Matomo的功能,包含了量化的統計數據,也加入了質化的錄影、heatmap功能。同時兼具兩個面向,更全面性的搜集數據

2. 100% data ownership

一般的網站分析工具,大部分都是將資料放在第三方(Ex. GA, Hotjar..),但Matomo提供了兩種方式可以使用;一種就是和一般一樣是放在第三方、另外一種是可以讓使用者將matomo的資料庫及分析工具軟體架設在自家server。

3. 同時有雲端及APP版本

matomo不只可以讓你用web監控數據,也有APP提供下載,在手機上也可以享受到非常順暢的操作體驗。

(網頁版本,圖片取自官網)

(APP版本)

Matomo的功能

Matomo的功能蠻多的,可以看一下底下這張圖的左手邊選單,就可以看到他有非常多功能。今天我就挑一些我覺得蠻重點的功能提出來和大家分享,是不是有符合到你們的需求~

功能1. Dashboard

可以將matomo中的功能(後續會介紹好幾個),客製化的決定加到dashboard中。讓使用者自己決定哪些資訊是相對而言重要的,需要在dashboard顯示,算是非常貼心且能符合使用者需求的dashbaord規劃。

功能2. Visitors

可以看出:WHO:使用是誰?可以看到使用者的地點、使用的裝置、甚至是瀏覽的log紀錄等等關於使用者的輪廓資訊。也提供自訂義的變數,若網站中可以提供資訊的話,也可以從後台設定後搜集到(eg.使用者生日的月份)

功能3. Behaviour

behaviour比較像搜集What的資訊-使用者在網站中做了哪些事。這個功能中包和每個頁面的停留時間、跳出比率等等,使用者在操作網站時的各個頁面行為數據。其中還有大家都很常會用到的event tracking,可以追蹤特定的事件Ex.追蹤click取消按鈕的比率..等等。

User Flow

包含在behavour的功能中,也是為了瞭解使用者在網站中做了哪些事。但這個功能會統整使用者在網站中的使用者路徑。了解最多人瀏覽的路徑順序是什麼、怎樣的路徑最少被瀏覽、有沒有意想不到的路徑等等

功能4. Acquisition

Acquisition是搜集Where:使用者來自哪裡。使用者從哪裡來?包含自然搜尋、直接進到網站(可能直接打網址)、從不同社群軟體進入等等。這個功能非常適合在當網站有在做不同媒體和面向的廣告時,觀察哪個成效最好;或瞭解主要來到網站中的使用者到底從哪裡而來。

功能5. Heatmaps

熱點圖,在每個頁面可以監測click, move, scroll的事件,透過不同顏色的點可以很輕易地看到每個頁面的熱區。顏色偏向紅色就是比較多人click/move/scroll的地方;反之,顏色偏藍就是比較少人click/move/scroll的地方。

功能6. Session Recordings

可以錄製使用者操作的行為.並且利用不同顏色的線表達使用者操作時的不同行為 eg.紫色為scroll、淺黃色是click、move是深黃。不僅可以輔助在觀看錄影時紀錄使用者的操作行為;也可以讓觀察資料時,透過錄影上方的顏色條就可以知道哪個時間點的哪些行為觸發的較多,易於觀察相關數據。

功能7. Forms Analytics

表單分析,也是一個非常實用的功能,在追蹤表單填寫和欄位狀況非常好用。除了可以幫忙統計送出表單所花費的平均時間、還可以追蹤re-submit的比率。甚至在欄位上也可以看出最不常被填寫的欄位、最容易出現錯誤的欄位等等。在整個表單的追蹤上,可以做到的算是非常全面。

其他當然還包含很多不同的功能,但我自己就比較少碰到:Ex. A/B testing可以測試兩種不同狀況的網頁哪種成效比較好;Ecommerce可以協助追蹤從整個購物體驗的流程包含換成真的錢的轉換率有多少;另外像media
、Funnels等等。

附上Matomo官方提供的Demo site link,大家有興趣可以去摸一摸玩一玩,真的是非常強大的工具喔 ➡️ 連結

Hotjar vs Matomo

其實之前做專案時,就是在比較這兩個工具。但Hotjar因為只有質性觀察的數據。因此原本覺得以matomo這樣量化與質化的工具,可以快速透過統計的量化再進行質化的資訊觀察,比較全面。直到!PM問了一個問題,這以後誰要做分析?才又了反轉的曙光。

因為Matomo蒐集到的資訊一定需要人去判讀並且從中找到insight,而誰是負責這個的人也沒有資源。因此後來決議要用Hotjar,雖然沒有量化質化這樣全面完整的資料,但hotjar有survey和income的功能,因此可以讓用者主動的提供想法或評分建議,我們在從中了解大家的使用狀況,評估後更新開發。

Matomo真的算是非常全面,而且如果自建server也真的非常輕鬆好上手,是之後做網站分析必定可以考慮的工具之一!不是只有GA可選啊各位~~~~


Ref.


上一篇
DAY25 - 網站分析工具介紹 - 質化分析工具Hotjar
下一篇
DAY27 - 來加速你的網站!利用Web Worker創造多執行緒的Javascript
系列文
不只是串串API,新手前端30天30

尚未有邦友留言

立即登入留言