有時候網站流量明明不差,詢問卻一直沒有增加,問題可能不是流量,而是出在網站本身。使用者可能找不到想看的內容、按鈕放了卻沒人注意,甚至有些地方看起來很像可以點,實際上點了完全沒反應,這種問題如果只盯著 GA4 報表看,其實不太容易發現。
這也是 Clarity 好用的地方,Clarity 是 Microsoft 推出的免費網站分析工具,可以透過熱度圖、錄製內容直接觀察使用者怎麼逛你的網站,哪裡最常被點、頁面滑到哪裡就不看了、哪些地方一直被重複點擊,都可以實際看到。 近年 Clarity 也加入 AI 可見度分析,除了觀察網站使用情況之外,現在也能進一步了解網站內容在 AI 搜尋中的曝光表現。
〈延伸閱讀:Google Analytics 怎麼分析 SEO 成效?GA4 分析教學(最新)〉
Microsoft Clarity 是什麼?
Microsoft Clarity 是微軟推出的免費網站分析工具,不過它看的東西和 GA4 不太一樣,比起告訴你今天來了多少人、跳出多少人,Clarity 更像是直接把使用者逛網站的過程記錄下來,讓你看看大家進站之後到底在做什麼。
Clarity 最核心的就是熱度圖跟錄製內容這兩個功能,用影片跟顏色分布圖,直接告訴你使用者進站之後看了什麼、點了哪裡、又在哪個地方停下來,這種方式反而更容易抓出網站實際使用上的問題,有些地方你原本覺得完全沒問題,但看完使用者實際怎麼操作之後才發現,原來跟自己想的完全是兩回事。
Clarity 與 GA4 有什麼不同?
GA4 和 Clarity 雖然都是拿來分析網站,但實際看的東西差很多。 GA4 主要看數據,流量從哪裡來、使用者去了哪些頁面、最後有沒有轉換;Clarity 則是把使用者操作網站的過程呈現出來,點了哪裡、頁面滑到多深,都可以直接看。
所以我自己在幫客戶分析網站時,通常會這兩個工具一起用,GA4 的數字出現異常,只能先告訴你「這一頁可能有問題」,但問題到底出在哪裡,數字本身是看不出來的,這時候就要回頭去看使用者在頁面上實際做了什麼,把 GA4 的數據跟 Clarity 的畫面對照著看,問題通常很快就會浮出來。
Clarity 與 GA4 比較表格
| 項目 | GA4 | Clarity |
|---|---|---|
| 開發公司 | Microsoft | |
| 主要看什麼 | 網站流量、使用者與轉換數據 | 使用者在網站上的操作情況 |
| 分析方式 | 透過數據與報表找出變化 | 透過熱度圖、錄製內容直接觀察 |
| 可以知道什麼 | 流量從哪裡來?哪些頁面有人看? 有沒有完成轉換? |
哪裡有人點?頁面看到哪裡? 操作時有沒有遇到問題? |
| 用途 | 掌握網站整體成效 | 找出頁面與使用體驗問題 |
Clarity 的安裝方式
1. 註冊 Clarity 帳號
點下「開始使用」之後,就可以註冊帳號了,現在 Clarity 支援 Microsoft、Facebook、Google 三種方式,選一個你最常用的帳號登入就好,不用另外設密碼,幾秒鐘就能搞定。
2. 建立專案
3. 選擇安裝方式
安裝的方式有三種方式可以選:第三方平台、手動安裝,或是 NPM 安裝。以下示範最簡單、也最多人用的「手動安裝」。
4. 手動安裝
點擊手動安裝的「取得追蹤程式碼」後,複製出現的程式碼並貼入網站中,Clarity 就會開始收集數據,最多不超過 2 小時,就能看到完整的分析資料。

Clarity 的功能介紹與介面導覽
儀表板
進入 Clarity 後,第一眼看到的會是「儀表板」,可以把它當作 Clarity 的「導覽頁」,從這裡可以快速掌握網站目前的整體概況。以下就來簡單介紹儀表板中的 8 個主要板塊。
使用者概觀:可以看到即時訪客跟不重複訪客的數字,旁邊有兩個小圖示,點「攝影機」可以直接看使用者當下的操作畫面,點「火焰」就會跳出對應的熱度圖,哪些區域比較常被點、多少人滑到頁面底部,一眼就看得出來。如果想看更細的資料,可以再點進「所有使用者」跟「使用者意圖」,裝置、流量來源、造訪時間、意圖這些都查得到。
深入解析:偵測暴怒點擊、無回應點擊、過度捲動與快速返回等異常行為,可能代表按鈕無法正常使用,或訪客認為某個區域可以點擊,實際上卻沒有任何反應。透過這些異常行為,可以幫助網站管理員快速找出訪客容易卡關的地方,進一步優化網頁功能與使用體驗。
| 指標 | 說明 | 優化方向 |
|---|---|---|
| 暴怒點擊 | 短時間內一直點擊頁面上的同一個位置 | 先確認按鈕或功能有沒有正常運作,或是載入太慢,讓使用者以為沒有點到 |
| 無回應點擊 | 點了某個位置,頁面卻沒有任何反應 | 看看圖片、文字或其他區塊是不是太像按鈕,讓人以為可以點 |
| 過度捲動 | 在頁面中頻繁、大幅度地上下捲動 | 使用者可能一直找不到需要的資訊,可以重新看看內容順序是否清楚、重要資訊是不是放得太後面 |
| 快速返回 | 進入頁面沒多久,很快又回到上一頁 | 從標題、內容到搜尋關鍵字都要一起看,確認使用者進來後看到的內容,跟原本期待的是不是同一件事 |
智慧事件:Clarity 會自動定義一些「智慧事件」,像是送出表單、點擊按鈕等常見操作。如果預設的事件不符合自己的分析需求,也能自行編輯或新增事件,之後要看特定操作就方便很多。
引薦:了解訪客「從哪裡來」,來自搜尋引擎、自然搜尋、廣告、其他網站連結或直接流量等,幫助你掌握網站主要的流量來源。
瀏覽器:可以看到訪客使用的裝置、瀏覽器版本、作業系統,平常可能不太會特別注意這些資料,但需要檢查網站相容性時就很好用。 像是手機訪客比較多,網站就要特別注意行動版操作;如果還有不少人使用較舊的瀏覽器,也可以順便確認網站顯示有沒有跑掉。
效能概觀:這個功能跟 Google PageSpeed Insights 有點像,會分別顯示各個頁面的效能分數。網站頁面一多,不太可能每一頁都自己慢慢測,可以先看看哪些頁面的表現比較差,再針對有問題的頁面去檢查,會省掉不少時間。
熱門頁面:依照瀏覽熱度排列網站頁面,也可以直接查看對應的錄影回放。如果網站頁面很多,不知道要先從哪一頁開始分析,可以優先看看流量比較高的頁面。
JavaScript 錯誤:記錄網站執行或使用者操作時出現的 JS 程式碼錯誤。這一區對技術人員會比較實用,發現網站功能異常時,可以從錯誤紀錄協助判斷問題出在哪裡。
〈延伸閱讀:PageSpeed Insights (PSI) 是什麼? 對SEO有影響?〉
錄製內容
錄製內容是我覺得 Clarity 很直觀的一個功能,它會用「影片方式」呈現訪客在網頁上的操作軌跡,介面左側會用文字列出操作行為,右側則可以直接觀看訪客怎麼瀏覽網站。你可以把它想成網站的監視器,只是看的不是訪客本人,而是他在網站上的操作,像是有沒有點擊某個按鈕、在哪個地方停留比較久,或看到哪裡就直接離開,從錄製內容都能直接看到。
選擇錄製內容中的「點擊」,左側會標示訪客在哪個位置進行點擊,右側則同步播放當時的瀏覽過程。比起只看到「這個按鈕被點了幾次」,直接對照前後操作,更容易知道使用者當下為什麼會點這個位置。
如果切換到「捲動」,就能看訪客在頁面上的捲動情況,系統會以每 5% 的捲動深度為間隔呈現數據,可以直接看出有多少人繼續往下閱讀,以及訪客大約從哪個位置開始明顯減少。
熱度圖
點進「熱度圖」後,首先會看到依照頁面瀏覽熱門程度排序的前 10 名網頁,從中選擇想要分析的頁面。熱度圖的呈現方式和錄製內容有些類似,不同的是錄製內容以影片重現訪客的操作過程,而熱度圖則以靜態頁面呈現訪客的點擊分布。畫面中不同顏色的區塊代表訪客的點擊熱度,並以彩虹的色階區分熱門程度,從顏色分布就能很直觀看出哪些位置最常被點擊。
除了點擊之外,熱度圖還能看捲動深度,一樣是用彩虹色階表示,頁面最上方通常是紅色,代表 100% 的訪客都有到達,但滑到頁面一半的位置時,可能就只剩藍色的 4%,這代表大部分的人根本沒看到一半就已經離開了。
遇到這種情況,就該回頭檢查前半段是不是寫太長、內容不夠吸引人,或者標題講的事情遲遲沒進入重點。與其憑感覺猜使用者不喜歡什麼,有熱度圖擺在眼前當參考,判斷起來會準確得多。
AI 可見度
現在使用者找資料不一定只靠 Google 的一般搜尋,ChatGPT、Gemini、Claude 這類 AI 搜尋也逐漸成為新的流量來源。Clarity 目前也多了一塊 AI 可見度分析,可以查看網站內容有沒有被 AI 引用,以及哪些內容比較常出現在 AI 的回答裡。
授權份額:看的是整個網站被 AI 引用的總次數,想知道網站最近在 AI 搜尋裡到底有沒有被看見,可以先從這個數字下手。
查詢主題: 把 AI 引用網站時背後查詢的字詞,依照內容分成不同主題,再算出每個主題各帶來幾次引用,讓你一眼看出使用者主要都在問哪一類問題。
接地查詢:列出 AI 實際拿去搜尋你網站內容的查詢字詞,也包含直接搜品牌名稱的查詢,簡單說就是 AI 是「用哪些字」找到你的網站。
我引用的頁面:這裡可以直接看到哪些頁面真的有被引用,以及各自累積了多少次。對內容很多的網站來說就蠻方便,不用自己一頁一頁查,也能知道目前哪些內容在 AI 搜尋上的表現比較突出。
Clarity 如何搭配 GA4 使用?
GA4 發現異常數據 → Clarity 找出使用者卡關原因 → 針對問題優化網頁 → GA4 追蹤優化後的轉換成效
假設我們從 GA4 發現某個「服務頁面」每個月有 3,000 次瀏覽,照理來說已經有不少人進站,但一整個月卻只有 5 人填寫諮詢表單。單看 GA4,你只知道這個頁面流量不差、轉換率卻很低,但問題出在哪,GA4 沒辦法告訴你,這時候打開 Clarity,去看這個頁面的熱度圖跟錄製內容,實際看過訪客怎麼操作之後,通常會發現一些 GA4 根本看不出來的問題。
- 多數訪客只滑到頁面一半就離開了:如果重要的服務特色、成功案例、或 CTA 全部放在頁面後半段,很可能大部分人根本還沒滑到就已經走了,這種情況可以考慮把重要資訊往前移,重新調整內容的順序。
- 「免費諮詢」按鈕很少人點:不一定是訪客沒有需求,也有可能是按鈕本身不夠明顯,文案沒有吸引力,或者前面的內容根本沒給他足夠的理由讓他想詢問。
- 訪客一直點擊不能點的圖片或文字:這通常代表版面設計讓人誤會,以為那個區塊可以互動,遇到這種狀況,可以調整視覺設計,或者乾脆直接幫它加上連結。
- 很多人點進表單最後卻沒有送出:這時候就特別適合回頭看錄製內容,確認是不是欄位設計太多、填寫流程不順,或者手機版操作起來有狀況。
找到問題之後,就可以針對頁面做調整,再回去 GA4 觀察表單送出、轉換率這些數據有沒有起色。這也是 GA4 搭配 Clarity 最好用的地方,GA4 先告訴你「哪裡怪怪的」,Clarity 再幫你看「使用者到底遇到什麼」,改完之後再用 GA4 驗收結果,兩個一起搭配使用能更快找出問題所在。
Clarity 常見問題
Q1. Clarity 可以免費使用嗎?
可以,Clarity 本身是免費的網站分析工具,沒有流量限制,也不會因為網站流量增加就要求升級付費方案,因此一般網站可以長期使用。
Q2. Clarity 會影響我的網站效能嗎?
Clarity 使用非同步載入的 JavaScript,不會阻擋主要網頁內容載入,因此正常安裝的情況下,對網站載入速度與使用者瀏覽體驗的影響相對有限。
Q3. 一個 Clarity 帳號可以同時管理多個網站嗎?
可以,只要在「我的專案」裡分別建立不同的專案,再把對應的追蹤碼裝到各自的網站,同一個帳號就能同時查看跟管理好幾個網站,不需要另外申請新帳號。
Q4. Clarity 可以追蹤子網域嗎?
可以,如果你的網站底下有好幾個子網域,只要把追蹤碼裝到想追蹤的那些子網域和頁面上,Clarity 就會開始收集這些頁面的使用者數據。
Q5. Clarity 的資料可以保存多久?
這個要看資料類型,一般的錄製內容只會保留 30 天,但如果是已經收藏或標記過的錄製內容,還有熱度圖資料,可以留到 9 個月。超過保存期限之後,Clarity 伺服器跟備份裡的資料就會被刪除,而且沒辦法復原。
結論
Microsoft Clarity 算是目前少數免費、而且沒有流量限制的網站分析工具,光靠熱度圖跟錄製內容,就能補上很多只看 GA4 數據時看不到的細節,現在又多了AI可見度分析,不只能看訪客怎麼用網站,還能觀察網站內容在AI搜尋裡的曝光跟引用情況。
如果你平常已經在用 GA4 了,真心建議把 Clarity 一起裝起來,尤其是網站明明有流量,詢問、購買或表單轉換卻一直沒起色的時候,直接看使用者實際怎麼操作,往往比一直盯著數據猜原因,來得有用多了。
〈延伸閱讀:GA4有哪些功能? 該如何操作GA4分析網站?〉
〈延伸閱讀:2026年SEO人必看!最新、最齊全的32個SEO軟體介紹!〉
(本文為達文西數位科技所有,禁止轉載圖文)