Microsoft Clarity 是什麼?分析使用者行為與 AI 能見度

Author: Evelyn
Clarity

有時候網站流量明明不差,詢問卻一直沒有增加,問題可能不是流量,而是出在網站本身。使用者可能找不到想看的內容、按鈕放了卻沒人注意,甚至有些地方看起來很像可以點,實際上點了完全沒反應,這種問題如果只盯著 GA4 報表看,其實不太容易發現。

這也是 Clarity 好用的地方,Clarity 是 Microsoft 推出的免費網站分析工具,可以透過熱度圖、錄製內容直接觀察使用者怎麼逛你的網站,哪裡最常被點、頁面滑到哪裡就不看了、哪些地方一直被重複點擊,都可以實際看到。 近年 Clarity 也加入 AI 可見度分析,除了觀察網站使用情況之外,現在也能進一步了解網站內容在 AI 搜尋中的曝光表現。

〈延伸閱讀:Google Analytics 怎麼分析 SEO 成效?GA4 分析教學(最新)

Microsoft Clarity 是什麼?

Microsoft Clarity 是微軟推出的免費網站分析工具,不過它看的東西和 GA4 不太一樣,比起告訴你今天來了多少人、跳出多少人,Clarity 更像是直接把使用者逛網站的過程記錄下來,讓你看看大家進站之後到底在做什麼。

Clarity 最核心的就是熱度圖跟錄製內容這兩個功能,用影片跟顏色分布圖,直接告訴你使用者進站之後看了什麼、點了哪裡、又在哪個地方停下來,這種方式反而更容易抓出網站實際使用上的問題,有些地方你原本覺得完全沒問題,但看完使用者實際怎麼操作之後才發現,原來跟自己想的完全是兩回事。

Microsoft Clarity

Clarity 與 GA4 有什麼不同?

GA4 和 Clarity 雖然都是拿來分析網站,但實際看的東西差很多。 GA4 主要看數據,流量從哪裡來、使用者去了哪些頁面、最後有沒有轉換;Clarity 則是把使用者操作網站的過程呈現出來,點了哪裡、頁面滑到多深,都可以直接看。

所以我自己在幫客戶分析網站時,通常會這兩個工具一起用,GA4 的數字出現異常,只能先告訴你「這一頁可能有問題」,但問題到底出在哪裡,數字本身是看不出來的,這時候就要回頭去看使用者在頁面上實際做了什麼,把 GA4 的數據跟 Clarity 的畫面對照著看,問題通常很快就會浮出來。

Clarity 與 GA4 比較表格

項目 GA4 Clarity
開發公司 Google Microsoft
主要看什麼 網站流量、使用者與轉換數據 使用者在網站上的操作情況
分析方式 透過數據與報表找出變化 透過熱度圖、錄製內容直接觀察
可以知道什麼 流量從哪裡來?哪些頁面有人看?
有沒有完成轉換?
哪裡有人點?頁面看到哪裡?
操作時有沒有遇到問題?
用途 掌握網站整體成效 找出頁面與使用體驗問題

Clarity 的安裝方式

1. 註冊 Clarity 帳號

點下「開始使用」之後,就可以註冊帳號了,現在 Clarity 支援 Microsoft、Facebook、Google 三種方式,選一個你最常用的帳號登入就好,不用另外設密碼,幾秒鐘就能搞定。

安裝 Clarity:註冊

2. 建立專案

安裝 Clarity:建立專案

3. 選擇安裝方式

安裝的方式有三種方式可以選:第三方平台、手動安裝,或是 NPM 安裝。以下示範最簡單、也最多人用的「手動安裝」。

安裝 Clarity:安裝方式

4. 手動安裝

點擊手動安裝的「取得追蹤程式碼」後,複製出現的程式碼並貼入網站中,Clarity 就會開始收集數據,最多不超過 2 小時,就能看到完整的分析資料。

安裝 Clarity:手動安裝
安裝 Clarity:手動安裝程式碼

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 搜尋上的表現比較突出。

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軟體介紹!

(本文為達文西數位科技所有,禁止轉載圖文)

喜歡探索最新的行銷手法,而SEO就是一種免費且穩定的行銷方式,希望通過創新易懂的方式為大家帶來全新的體驗和理解。

SEO套版網站,優惠$ NT 75,000 (1年代管+SSL)

請與我們聯繫