生活分享
Microsoft Clarity 看什麼:熱點圖、錄影與隱私設定
Microsoft Clarity 的熱點圖與工作階段錄影,可以幫助網站經營者發現操作線索,但不能直接讀出使用者想法。本文以原創社區工具借用網站為例,整理資料遮罩、同意設定、篩選條件與回放觀察,說明如何把連續點擊、捲動及離開位置轉成可驗證的改善假設。附操作步驟、比較表與原創圖解,協助團隊在保護資料的前提下閱讀行為紀錄。
更新日期: 閱讀時間約 7 分鐘

社區工具借用網站有工具分類、可借日期與預約入口,管理者發現訪客不少,完成預約卻不多。Clarity 可以協助查看人們在哪裡點擊、如何捲動,但開始之前應先決定要觀察的任務,並確認借用者的姓名與地址不會出現在分析紀錄。
本文依 2026 年 9 月 14 日查閱的 Microsoft 官方文件整理,以網站版 Clarity 為範圍。工具借用網站、觀察情境與改善提案均為原創,沒有實際錄下訪客、查看私人工作階段或宣稱工具帶來的成效。
先分清楚熱點圖與工作階段回放
熱點圖將所選頁面的點擊與捲動資料彙整,適合找出多次造訪中的位置分布;工作階段錄影則協助查看一段操作的前後過程。Microsoft 說明,網站錄影是依頁面內容與互動重建的動畫,不是攝影機影像,也不是使用者整台電腦的螢幕錄影。
原創借用網站可先設定觀察題目:手機訪客能否找到工具的可借日期。先看日期區附近的熱點與捲動,再挑相關工作階段理解前後步驟。不要一開始就漫無目的播放大量錄影,最後只記得最特別或最令人困惑的一段。
Clarity 與 GA4 或借用管理系統各有不同角色。前者能提供行為線索,網站事件能確認預約流程,管理系統則記錄真正成立的借用。若三者數量不一致,先核對涵蓋範圍與量測條件,不要把任一工具當成所有使用者完整且無誤的行為清單。
在收集之前規劃資料遮罩
Clarity 預設 Balanced 模式遮蔽它辨識的敏感內容,官方舉例包含數字與電子郵件;Strict 遮蔽全部內容,Relaxed 則放寬一般內容。輸入框與下拉選單在各模式下仍會遮罩。這些模式是起點,不代表網站上的姓名、地址或其他資料都已被完整辨識。
原創網站的借用確認頁可能把姓名與地址顯示成一般文字,而不是輸入框,因此要另外盤點這些區域。專案管理員可在 Settings 的 Masking 設定,依元素加入遮罩,或請維護者使用官方支援的標記token(Token)是什麼:AI 如何計算文字長度token 是語言模型處理內容的基本單位,可能是一段單字、標點或中文字的一部分,不能直接當成字數。本文用整理社團公告的情境,說明輸入、輸出與上下文如何計數,為什麼同一段中文換模型後用量可能不同,以及查看分詞器和實際用量時該注意什麼。你會學會估算任務空間、保留必要資訊,並分清楚 token 與登入用的存取權杖。閱讀全文方式。為了看清按鈕,不應直接解除整個含個資區塊的遮罩。
遮罩設定變更只影響新錄影,不能回溯套用到舊紀錄,官方也說明生效可能需要時間。完成設定後用虛構測試資料產生新情境,檢查遮罩是否涵蓋動態出現的確認內容。網站改版或欄位移動後再次核對,不能只在首次安裝時檢查一次。
同意訊號與觀看權限一起檢查
Microsoft 自二○二五年十月三十一日起,對來自歐洲經濟區、英國與瑞士的造訪執行同意訊號要求,完整功能取決於有效訊號。這是依造訪來源判斷的產品規則,台灣管理的網站若有海外訪客,也不能只用自己的所在地推定不受影響。
Clarity 同意模式可調整 Cookie 使用,但網站仍要取得選擇、傳遞狀態並驗證實際行為。若使用 CMP 或自訂介面,先確認整合支援與更新流程,不能把已裝 Google 的同意功能當成所有工具都自動收到相同訊號。本篇不把 Cookie 狀態簡化為所有資料都絕對不會傳送。
原創借用網站可讓負責改善流程的人取得必要存取權,對外報告則用去識別的問題描述與自繪示意。分享錄影或熱點圖前,先檢查內容與接收對象,尤其是登入後頁面。能產生分享連結,不代表應把每位借用者的操作公開給所有合作單位。
看熱點圖先固定裝置、頁面與期間
Clarity 的點擊圖協助觀察常被點選的元素,捲動圖協助查看到達頁面各區域的比例。先選正確頁面、日期與裝置,再看分布;手機上的按鈕位置、摺疊內容及畫面大小,不能直接用桌機截圖的熱區解釋。網站改版前後也應分開比較。
原創工具頁若把可借日期放在較下方,捲動圖可提示有多少造訪到達附近,但捲到那裡不等於真的閱讀,也不等於看懂庫存狀態。可以搭配日期操作事件與相關回放,檢查使用者是否進一步選擇日期,或回到工具分類重新尋找。
若某處呈現大量點擊,先看它原本是否應可操作,再確認篩選範圍與顯示截圖。熱點圖是彙整結果,不能當作單一使用者的完整路徑。原創團隊應在觀察筆記記下頁面版本及條件,避免拿不同期間、不同裝置的圖直接宣稱設計變好或變差。
用回放釐清線索,別替使用者下情緒結論
官方的 Rage clicks 指短時間在相近區域重複點擊,Dead clicks 則指點擊後沒有回應的情境。它們適合協助挑出值得查看的操作,卻不能直接證明每位使用者生氣、放棄或遇到相同錯誤。分類名稱是線索,原因仍需回到操作流程驗證。
原創網站若有人反覆點日期欄位,可能是按鈕狀態不清楚,也可能是正在比較多個日期。觀看時記錄前一頁、點擊位置、可見回應與後續動作,另外寫下尚未確認的假設。不要把猜測混進事實欄,或只截取幾秒畫面就判斷問題已確診。
挑選觀看的工作階段時,應涵蓋不同裝置、來源及成功與未完成情境,避免只看帶有異常標籤的一小群。這裡的樣本指團隊實際挑來閱讀的紀錄,不是在宣稱 Clarity 只收固定比例流量。缺少錄影也可能與功能、收集條件或保留範圍有關,不能補想像的行為。
- 先定義可借日期等具體任務,列出要觀察的頁面與裝置。
- 設定並測試遮罩、同意狀態與存取權,使用虛構資料驗收。
- 固定條件查看熱點,再挑不同結果的工作階段閱讀前後操作。
- 分開記錄事實、假設與改動,搭配事件及實際任務重新驗證。
把觀察轉成小改動,並留意保留期限
原創團隊可以形成這樣的待驗證假設:手機日期入口不夠容易辨識,可能讓部分訪客重複點擊。先調整入口文字與狀態提示,再用相同任務做操作檢查,並觀察後續預約事件。不要只因修改後連續點擊變少,就宣稱借用成功率一定提高。
Microsoft 現行資料保留頁說明,一般回放資料保留三十天,標記或加入最愛的工作階段可保留九個月,熱點資料保留九個月;逾期刪除後不可恢復。團隊應在需要時完成觀察摘要,而不是把服務當成永久保存所有網站操作的倉庫。
每次回顧留下條件、問題、佐證範圍及下一步,避免把個人資料複製進長期文件。當網站任務、欄位或受眾改變,也重新評估量測與遮罩。Clarity 最有用的地方,是讓團隊找到具體可驗證的問題;真正的改善仍要看讀者能否順利完成要做的事。
| 看到的線索 | 可以先問 | 還不能直接推論 |
|---|---|---|
| 日期區很少被捲到 | 位置是否太後面、頁面是否太長 | 所有訪客都不需要借用日期 |
| 同一處連續點擊 | 可操作狀態是否清楚 | 使用者一定生氣或按鈕一定故障 |
| 點擊後看不到回應 | 是否原本就不能點、回應是否延遲 | 每一筆都屬於相同技術錯誤 |
| 回放停在確認頁 | 是否已完成任務及事件 | 沒有下一頁就是失敗 |
| 改版後熱點變少 | 裝置、期間與頁面版本是否一致 | 設計一定更好或更差 |
| 個別錄影找不到 | 同意、收集與保留條件是否符合 | 補推使用者的完整行為 |
把 GA4 事件對應到成功操作GA4 網站量測入門:資料串流、事件與安裝驗收GA4 有出現流量,不代表安裝與事件都正確。本文以原創室內植物照護工作室為例,從帳戶、資源與網站資料串流開始,說明 Google 標籤的安裝選擇、事件與重要事件的差別,再用 Tag Assistant、即時報表與 DebugView 建立驗收流程。附操作步驟、比較表及原創圖解,協助網站負責人檢查重複追蹤、個資欄位與資料處理限制。閱讀全文
區分互動率與頁面離開的意義GA4 工作階段與互動:跳出率、離開頁該怎麼讀GA4 跳出率不是只看一頁就離開的比例,離開次數也不直接代表頁面失敗。本文用原創二手樂器店的五段瀏覽情境,拆解工作階段、互動工作階段、互動率與跳出率,並說明平均互動時間與離開頁的閱讀方式。附計算表、報表操作步驟及原創圖解,協助網站經營者先確認指標定義,再找出可以驗證的改善方向。閱讀全文
用顧客旅程整理需要觀察的任務顧客旅程與行銷漏斗:找出讀者在哪一步離開顧客旅程用來理解接觸點與需求,行銷漏斗則用一致條件量測各步驟的人數。本文以原創腳踏車維修預約為例,說明如何整理線上與實體接觸、定義完成事件、計算逐步轉換率,以及設定 GA4 開放或封閉漏斗。附計算表、操作步驟與原創圖解,協助找出值得驗證的改善假設,避免把資料缺口誤當成顧客流失原因。閱讀全文
同主題延伸閱讀
生活分享
Wix 架站指南:編輯網站、選擇方案與網址
第一次使用 Wix,先釐清網站要完成什麼,再選擇版型與付費方案。本文以原創修鞋工作室介紹站為例,整理 Wix Editor 的頁面編輯、手機檢查、儲存預覽與發布流程,並說明自訂網域、續費、台灣付款工具及平台搬遷限制。附操作步驟、比較表和自繪圖解,協助把網站內容、功能需求與長期管理成本一起考慮,避免只看首頁完成就急著升級。
生活分享
線框圖與原型怎麼用:先驗證流程再修視覺
線框圖、視覺稿與互動原型各有用途,重點是目前需要驗證哪一個問題。本文用原創到府植栽照護預約情境,說明如何挑選保真度、補齊流程與例外狀態,準備不暗示答案的操作任務,再將測試觀察轉成修改紀錄。附操作步驟、比較表及原創圖解,協助設計初學者與小型團隊,在投入正式開發前先看懂使用上的困難。
生活分享
www、子網域與子目錄:網站網址結構怎麼決定
網站要不要加 www,部落格該放 blog.example.com 還是 example.com/blog/,需要從平台支援與維護方式一起判斷。本文先拆解網址中的主機名稱和路徑,再比較子網域與子目錄的內容分工、DNS 設定、HTTPS 憑證及網址一致性。附上原創決策表與上線檢查步驟,協助台灣小型網站建立容易使用、管理和交接的網址結構。
生活分享
網站維護要做什麼:備份、更新與故障回報的日常安排
網站維護不只是更新外掛,也包含確認內容、帳號、備份、寄信與到期服務。本文以小型 WordPress 內容網站為例,把維護工作拆成日常觀察、更新前後檢查、備份還原及故障回報,提供可以分配給站主、編輯與維護者的工作表。你可以依網站更新頻率安排合適節奏,知道什麼情況要立即處理,並保留足以讓下一位協作者接手的紀錄。
最新旅遊情報攻略

情報
2026 韓國楓葉預測:雪嶽山 10 月 20 日、首爾近郊 10 月底、內藏山與漢拏山 11 月上旬
韓國山林廳 2026 年 9 月 22 日公布的楓紅高峰預測:雪嶽山 10 月 20 日,春川、國立樹木園到首爾植物園落在 10 月 28 日到 11 月 2 日,內藏山 11 月 4 日、漢拏山 11 月 6 日,整體比最近 5 年晚約 0.8 天。整理各地楓樹與銀杏的預測日、首爾出發怎麼排,以及出發前去哪裡看即時楓況。2026 年 10 月查證。
- 季節活動
- 自然
- 觀景

攻略胡志明市
胡志明市到頭頓一日遊:白藤碼頭搭高速船、船票與班次,下船就是胡梅纜車與耶穌基督像
人在胡志明市挪一天去頭頓看海:市中心的白藤高速船碼頭搭船,航程 120 分鐘到頭頓的胡梅碼頭,平日成人 320,000 越南盾、週末 350,000,回程末班平日 15:00。下船就是胡梅纜車站,同一條路上有白宮,小山頂上是耶穌基督像。平日一天只有兩班船,整天要從末班船倒推著排。
- 交通
- 行程範例
- 海灘

攻略沖繩
沖繩不開車攻略:單軌只到浦添,美麗海水族館要坐兩個多小時的巴士,回那霸的最後一班直達車 17:22 就開走
不租車的沖繩怎麼移動:那霸市區靠沖繩都市單軌電車(ゆいレール),那霸機場站到終點てだこ浦西 19 站、17 公里、37 分鐘,一日券 1,000 日圓;美麗海水族館有那霸機場直達的高速巴士,單程 2,000 日圓起、官方時刻表上 2 小時上下,下車後還要走 10 分鐘;古宇利島要在今帰仁村役場轉車,當天來回光坐車就六個半小時;回程的最後一班直達車 17:22 就從記念公園前開走(2026 年 9 月查證)。
- 交通
- 行程範例
- 預算
資料來源
- Microsoft Clarity:遮罩模式及變更限制 · 查證日期:
- Microsoft Clarity:同意模式與適用造訪地區 · 查證日期:
- Microsoft Clarity:熱點圖概覽 · 查證日期:
- Microsoft Clarity:工作階段錄影概覽 · 查證日期:
- Microsoft Clarity:篩選及行為線索 · 查證日期:
- Microsoft Clarity:回放與熱點資料保留 · 查證日期:
- Microsoft Clarity:回放重建方式 FAQ · 查證日期: