方格精選
觀察網站訪客軌跡的免費螢幕錄影工具
閱讀時間約 4 分鐘
觀察訪客在網站上的瀏覽動線、畫面捲動、滑鼠的移動軌跡與點擊，可以幫助網站經營者了解網頁設計布局上的缺失，並進一步調整優化，便能讓網站的使用體驗能持續變好，提高轉換率，近期來已逐漸被電商業視為必備工具項目之一了。
提到螢幕錄影工具，一般人應該都是聯想到 Hotjar，Hotjar 的功能是強大的，但畢竟它的商業模式是 Freemium (免費增值商業模式)，可以免費使用，不過免費的方案是有不少限制的，包括每日 2,000 pageviews，300 個錄影檔 ...
除了 Hotjar 以外，還有其他選擇嗎?
當然有，例如 Google Optimize 也提供了使用者行為的分析，不過既然大家已經使用了一大堆 Google 的服務了，使用不同廠商的服務來分工，除了可避免所有工具或服務都被單一廠商所綁架的風險，也可能有交叉比對驗證數據的功能喔。
Microsoft Clarity
本篇文章要介紹的螢幕錄影工具，是 Microsoft Clarity (https://clarity.microsoft.com/)，微軟前幾天發佈了免費且符合GDPR的用戶行為分析工具 Clarity，對頁面加載時間的影響極小，雖然功能尚未完整，但已含有最重要的螢幕錄影功能，而且目前尚未有使用流量的限制，對於使用 Hotjar 免費方案而無法滿足的使用者，應該評估採用 Microsoft Clarity 的可能性。
Clarity 的安裝方式也很簡單，與 Google Analytics 安裝追蹤碼的方式大致相同，就是將 Clarity 提供的一段 JS 追蹤碼，埋入網站的 <head> 段落中即可，如果您是採用 CMS 架站，您就可以直接利用網站提供 Custom JS 的功能，或是在放置 Google Analytics 追蹤碼的地方，直接放在 GA 的追蹤碼之後即可。
Clarity 在安裝之後，官方宣稱可能需要 2 個小時之後，才能呈現收錄的資訊，不過個人實測第一個網站，收到紀錄進來的時間約是在 50 分鐘之後。
目前提供的分析功能，主要分為 3 個大項
Dashboard
Dashboard 是數據總覽分析表，包含了工作階段數、平均頁數、平均捲動深度、互動時間、無效點擊(這個有趣)、熱門頁面、參照來源 ... 等等，雖然沒有 GA 的深度及廣度，但主要的指標聚合在一個畫面，也提供了快速理解的功能。
其中有部分數據還可以直接點擊查看該區隔的 heatmaps(熱點地圖) 與 recordings(螢幕錄影)。
Recordings
Recordings 就是訪客的螢幕錄影回播功能，預設會遮蔽重要的輸入資訊，例如信用卡號或密碼，強調注重隱私。畫面左側會呈現每個工作階段的資料區塊，包含了瀏覽頁數、時間、點擊數、裝置別、OS別、國家別等等。
左側的資料區塊有提供 Filter(篩選)及 Sort(排序)的功能，點擊左側您想撥放的資料區塊，就會在右側出現訪客視角的畫面錄影重播，並標示出滑鼠的軌跡與點擊，並提供了跳過無互動時段的功能，節省你觀看了時間。
Heatmaps
Heatmaps 是用來呈現網頁被點擊的熱區，前端工程師或美編應該很需要這項功能，可以藉此檢討版面的編排設計，找出不該被點擊的地方卻一直被誤點，該被點擊的地方卻一直被略過等等。
個人主觀評論
Clarity 目前還稱不上功能強大，不過仍可安裝 Clarity 來搭配其他流量分析工具使用，對於需要 heatmaps(熱點地圖) 與 recordings(螢幕錄影)功能的人，若不願被 Hotjar 免費方案所限制，則Clarity 也不失為一個好選項，就算您暫時仍不打算安裝 Clarity，建議也應該關注 Clarity 的發展，畢竟微軟在軟體界有舉足輕重的地位，若微軟願意投入資源好好發展 Clarity，相信仍有能力將 Clarity 打造成功能強大的分析工具。
7會員
10內容數
留言0
查看全部
你可能也想看
Google News 追蹤
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Hi 大家好，我是Ethan😊
相近大家都知道保濕是皮膚保養中最基本，也是最重要的一步。無論是在畫室裡長時間對著畫布，還是在旅途中面對各種氣候變化，保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水，還能提升後續保養品的吸收效率。
曾經，我的保養程序簡單到只包括清潔和隨意上乳液
世界上有一群很懂得物品的人，有些人喜歡文具、有些人喜歡針線、有些人喜歡家具、有些人喜歡服飾、美妝品，而這些物品帶給這些人源源不絕的靈感、創意和活力，讓他們的生活變得更多采多姿。
雖然布蘭達和維尼是極簡主義者，但我們了解物品能夠帶給我們的美好感受，物品是可以很有力量的！
單純喜歡物品也可以經營自己的個
十一月接待來自日本與中國的旅客各二，讓我感受到文化差異的衝擊。
入住前是否告知到達時間，入住之後彼此的互動，她們的旅遊安排，乃至別後留給主人的紀念品……
客人離去之後，我思索良久：為何同樣來自亞洲國家，處事待人差異如此之大？這是否可以說：從旅人的言行舉止，我們讀到了這國家所教育的國民素養？
表定上班時間是玖：零零-壹捌：零零
會讓我們公司在制度上更謹慎小心，建議您可更換其他E-mail信箱，則一般會在肆月底前收到贈品)，首先為新媒介之力量，保重身體，正如春華秋實，另建議您可登錄會員專區後，我之書在亞馬遜買得到，我就忍不住下手，再點擊取消訂閱(取消後，網路書店挾網際網路之優勢，販售書籍產
創新人物誌，全文共長 2300 多字，文字閱讀時間約十五分鐘。適合在一個寧靜的午後、睡前的省思與獨處的時間裡，跟講者做個簡單的閱讀互動。本文附上人物專欄另有專訪影片紀錄提供於原文下方。如果你有完整的半個小時，歡迎搭配茶水、坐在桌前聽聽人物故事，喜歡的話拍個手、留言回饋。
2015/12/15 07:50:00 發表於 | 科技 • 生活
蓁伶
幼年因視網膜失養症雙目失明。 國小因受音樂教師的鼓勵，想當音樂教師，長大後，因家境不優渥放棄學音樂，改選國文，就繼續走這條路了，而支持我一直不放棄的原動力，是我有決心、意志力想與盲人做不同的行業。 目前就讀
<p>因為文學類型的作品應該是充滿故事、值得討論與互動的，但這種「互動」不如視覺為主的媒體快速，文學迷人的氣味往往需要沉澱及思想上的引導。作者跟出版社得花費時間，緩慢而有效的與讀者培養默契，不能只是期待讀者衝動購物。對作者來說，也需要理解市場及其創作內涵的編輯，從前置選文就開始「說故事」。</p>
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Hi 大家好，我是Ethan😊
相近大家都知道保濕是皮膚保養中最基本，也是最重要的一步。無論是在畫室裡長時間對著畫布，還是在旅途中面對各種氣候變化，保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水，還能提升後續保養品的吸收效率。
曾經，我的保養程序簡單到只包括清潔和隨意上乳液
世界上有一群很懂得物品的人，有些人喜歡文具、有些人喜歡針線、有些人喜歡家具、有些人喜歡服飾、美妝品，而這些物品帶給這些人源源不絕的靈感、創意和活力，讓他們的生活變得更多采多姿。
雖然布蘭達和維尼是極簡主義者，但我們了解物品能夠帶給我們的美好感受，物品是可以很有力量的！
單純喜歡物品也可以經營自己的個
十一月接待來自日本與中國的旅客各二，讓我感受到文化差異的衝擊。
入住前是否告知到達時間，入住之後彼此的互動，她們的旅遊安排，乃至別後留給主人的紀念品……
客人離去之後，我思索良久：為何同樣來自亞洲國家，處事待人差異如此之大？這是否可以說：從旅人的言行舉止，我們讀到了這國家所教育的國民素養？
表定上班時間是玖：零零-壹捌：零零
會讓我們公司在制度上更謹慎小心，建議您可更換其他E-mail信箱，則一般會在肆月底前收到贈品)，首先為新媒介之力量，保重身體，正如春華秋實，另建議您可登錄會員專區後，我之書在亞馬遜買得到，我就忍不住下手，再點擊取消訂閱(取消後，網路書店挾網際網路之優勢，販售書籍產
創新人物誌，全文共長 2300 多字，文字閱讀時間約十五分鐘。適合在一個寧靜的午後、睡前的省思與獨處的時間裡，跟講者做個簡單的閱讀互動。本文附上人物專欄另有專訪影片紀錄提供於原文下方。如果你有完整的半個小時，歡迎搭配茶水、坐在桌前聽聽人物故事，喜歡的話拍個手、留言回饋。
2015/12/15 07:50:00 發表於 | 科技 • 生活
蓁伶
幼年因視網膜失養症雙目失明。 國小因受音樂教師的鼓勵，想當音樂教師，長大後，因家境不優渥放棄學音樂，改選國文，就繼續走這條路了，而支持我一直不放棄的原動力，是我有決心、意志力想與盲人做不同的行業。 目前就讀
<p>因為文學類型的作品應該是充滿故事、值得討論與互動的，但這種「互動」不如視覺為主的媒體快速，文學迷人的氣味往往需要沉澱及思想上的引導。作者跟出版社得花費時間，緩慢而有效的與讀者培養默契，不能只是期待讀者衝動購物。對作者來說，也需要理解市場及其創作內涵的編輯，從前置選文就開始「說故事」。</p>