一月 6, 2022 | 最新網頁設計

5個優化網站瀏覽體驗UIUX必須知道的網站數據分析工具

網站數據追蹤做得好,轉換業績沒煩惱!
網頁瀏覽量、網站停留時間以及網頁互動率,是不分產業別都是追求數值越高越好的三大指標。除了GA量化的網站數據功能外,你還必須了解市場上質化的網站數據追蹤工具如Hotjar的網頁熱點圖、Clarity的網站錄影以及Similarweb的競爭對手數據報告,多種工具的使用產生更全面的UIUX的網站瀏覽體驗策略。

UIUX必須知道的網站數據分析工具

網站上線後有三個最基礎的關鍵指標需要持續追蹤,分別是網頁瀏覽量、網站停留時間以及網頁互動率,這三個指標不分產業別都是追求數值越高越好的最基礎指標,他們分別代表的意義和優化方向如下。

網站數據分析項目網頁瀏覽體驗優化方向
網頁瀏覽量抓出網站中哪些網頁最為熱門,並透過這個熱門網頁導流到流量相對低但內容相關性高的的網頁,增加更多的網頁瀏覽量。
網站停留時間撇除掛機的狀況,訪客停留時間越長代表對內容越有興趣,善用站內連結、豐富的圖文吸引訪客閱讀更多、停留更久。
可追蹤「閱讀70%的網頁內容」、「點擊連結」、「下載文件」、「分享網頁」、「加入購物車」、「看完影片」等互動目標,持續優化網頁圖文讓流量更有價值。

網站數據分析工具推薦清單

  1. Google Analytics
  2. Mixpanel
  3. Hotjar
  4. Similarweb
  5. Microsoft Clarity

Google Analytics介紹

Google Analytics俗稱GA是目前市佔率最高且為免費的網站追蹤工具,只要在網頁中安插一小段追蹤碼就能開始追蹤網頁瀏覽量、網站停留時間、網站流量來源,從開設帳號到安裝基本上10分鐘內即可完成,是非常簡單的網站數據分析工具。
需要注意的是2021年Google Analytics推出最新版本GA4並持續新增功能,和傳統的Google Analytics最大的差別在於整合了APP的網頁瀏覽行為,移除了網頁跳出率這個概念,用網頁閱讀深度來衡量網頁的成效,更能真實的呈現目前市面上流行的一頁式網頁的瀏覽行為。

GA4流量開發 : 網站流量來源追蹤

能了解是透過搜尋引擎還是其他網站的連結進入,這是每次進行網站數據分析時一定要看的報告。

GA4流量開發 : 網站流量來源追蹤

GA4參與狀況總覽 : 網站瀏覽量和互動行為追蹤

可追蹤近30分鐘內的網站使用者數(線上人數)、網頁互動事件數、網頁瀏覽量,找出那些哪些網頁非常熱門、哪些網頁的互動率最高,在熱們網頁中置入站內連結並優化互動率低的網頁就能有效的提高網站停留時間了。

GA4參與狀況總覽 : 網站瀏覽量和互動行為追蹤

Mixpanel介紹

Mixpenel也是另一款提供免費方案的網站流量追蹤工具,如果你需要兩種以上的網站追蹤工具,這是我建議的第二個工具,建議的原因如下。

  • 報表中有多種顏色區塊描述數據,更快速的判讀
  • 能客製化數據報表並整合Slack,適合團隊合作,節省溝通成本。
  • 能使用SQL查詢,這對有數據科學家的團隊非常方便。(可能需要付費)
  • 用第二種工具同時追蹤網頁成效,雞蛋不要放在同一個籃子裡。

Mixpanel範例數據

登入後就能使用範例數據,有B2B、E-commerce、Finance、Media、Social、Other六種,可以先試用看看。

第一步 : 從產品頁面進入

Mixpanel

第二步 : 六種範例數據

第二步 : 六種範例數據

Mixpanel數據報告

Mixpanel數據報告

Hotjar介紹

Hotjar最為熱門的功能是他的網頁熱點圖(Heat map),在你註冊google analytics的同時也千萬不要忘記這個目前市場上最熱門的網頁熱點圖工具。

Hotjar免費方案

目前的免費價格方案擁有無限個網頁熱點圖追蹤數,今天就趕快來設定吧

  • Up to 35 daily sessions
  • Automatic data capture
  • Unlimited heatmaps
  • Up to 1,050 recordings/month

Hotjar免費方案

Hotjar熱點圖

分成平板、手機、電腦三種裝置,同時追蹤Click、Move、Scroll三種行為,可以了解訪客在網頁瀏覽上的斷點(Scroll)和互動的區塊(Click),利用瀏覽數據來支持UIUX的悠優化調整。

Hotjar熱點圖

Similarweb介紹

Similarweb是一個非常知名的第三方的流量追蹤工具,我們可以利用此工具來調查跟自己同產業的的網站的平均網站瀏覽數據成效,進而了解到自己的網站的表現是高於市場平均還是低於市場平均。

Similarweb介紹

Similarweb數據分析

免費版本可以調查到以下資料,這些資料已經夠足夠了解自己網站和市場上同質網站的差距,並能提供網站內容的優化方向。

  • 產業
  • 地區
  • 流量來源種類
  • 引薦(推薦的流量來源)
  • 搜尋
  • 社群
  • 多媒體廣告
  • 競爭對手(相似網站)
  • 訪客的興趣
網站類別排名
網站類別排名
近半年瀏覽數據
近半年瀏覽數據
目標對象興趣,可用來當作網頁內容的參考
目標對象興趣,可用來當作網頁內容的參考

Microsoft Clarity介紹

Microsoft Clarity是為微軟近兩年進入網站數據追蹤工具市場的產品,整合了網站流量數據(Traffic)、網頁熱點圖(Heatmap)、 網站錄影(Recording),如果想要在一個工具中看到全面的追蹤數據,Microsoft Clarity是目前我看到最合適的解決方案。(目前還未看到收費的項目)

Microsoft Clarity追蹤項目

Clarity追蹤項目非常全面,瀏覽量、裝置、地區、流量來源、網頁互動等...每一個追蹤項目都是以卡為單位,將常看的資訊拖拉就能客製化數據報表,看起來方便但是其實不簡單入手。

clarity首頁

Microsoft Clarity螢幕錄影

每個頁面同時有螢幕錄影+網頁熱點圖,點選錄影機按鈕就能開啟這個頁面的所有螢幕錄影,目前我還沒有觀察到Clarity的錄影上限數。

Microsoft Clarity螢幕錄影

右邊可以選擇要觀看的錄影,也能分享螢幕錄影給同事,這對協同合作非常的有幫助。

螢幕錄影

網站數據追蹤工具的使用時機

筆者推薦的五款工具基本上都可以搭配使用,根據網站追蹤的入門到專業提供五種工具的建議安裝順序如下。

Google Analytics

這是最基本的網站追蹤工具,彈性較低但是使用上非常簡易,而且Google目前是數位行銷領域最大的生態系,Google Analytics可以整合Google廣告的所有產品,因此這勢必裝的網站追蹤工具。

Hotjar

用來補足Google Analytics在熱點圖的不足,因此建議為第二安裝的項目,同時Hotjar也提供互動式的表單系統,可以用來收集顧客名單。

Microsoft Clarity

當有重度的UIUX的優化任務,一個整合性的網站追蹤工具是必要的,Clarity可以分享螢幕錄影的功能是一個網站轉換的大秘笈。

Similarweb

當你的網站已經有一定的規模,開始和市場同質競爭者比較時,了解競爭者數據是必要的優化網站UIUX體驗的功課。

Mixpanel

組織規模大到一定的程度,網站數據分析不容斷線且驗證錯誤,第二個追蹤數據來源是你必須考量的重要課題。

工具參考資料來源

  • GA : https://analytics.google.com/
  • Mixpanel : https://mixpanel.com/zh-hant/blog/使用mixpanel產品分析可以做的12件事/
  • Hotjar : https://www.hotjar.com/blog/hotjar-vs-google-analytics/
  • SimilarWeb : https://www.similarweb.com/zh-tw/
  • Microsoft Clarity : https://clarity.microsoft.com/