方格精選
觀察網站訪客軌跡的免費螢幕錄影工具
閱讀時間約 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 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
美國總統大選只剩下三天， 我們觀察一整週民調與金融市場的變化（包含賭局）， 到本週五下午3:00前為止， 誰是美國總統幾乎大概可以猜到60-70%的機率， 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Faker昨天真的太扯了，中國主播王多多點評的話更是精妙，分享給各位
王多多的點評
「Faker是我們的處境，他是LPL永遠繞不開的一個人和話題，所以我們特別渴望在決賽跟他相遇，去直面我們的處境。
我們曾經稱他為最高的山，最長的河，以為山海就是盡頭，可是Faker用他28歲的年齡...
世界上有一群很懂得物品的人，有些人喜歡文具、有些人喜歡針線、有些人喜歡家具、有些人喜歡服飾、美妝品，而這些物品帶給這些人源源不絕的靈感、創意和活力，讓他們的生活變得更多采多姿。
雖然布蘭達和維尼是極簡主義者，但我們了解物品能夠帶給我們的美好感受，物品是可以很有力量的！
單純喜歡物品也可以經營自己的個
十一月接待來自日本與中國的旅客各二，讓我感受到文化差異的衝擊。
入住前是否告知到達時間，入住之後彼此的互動，她們的旅遊安排，乃至別後留給主人的紀念品……
客人離去之後，我思索良久：為何同樣來自亞洲國家，處事待人差異如此之大？這是否可以說：從旅人的言行舉止，我們讀到了這國家所教育的國民素養？
表定上班時間是玖：零零-壹捌：零零
會讓我們公司在制度上更謹慎小心，建議您可更換其他E-mail信箱，則一般會在肆月底前收到贈品)，首先為新媒介之力量，保重身體，正如春華秋實，另建議您可登錄會員專區後，我之書在亞馬遜買得到，我就忍不住下手，再點擊取消訂閱(取消後，網路書店挾網際網路之優勢，販售書籍產
創新人物誌，全文共長 2300 多字，文字閱讀時間約十五分鐘。適合在一個寧靜的午後、睡前的省思與獨處的時間裡，跟講者做個簡單的閱讀互動。本文附上人物專欄另有專訪影片紀錄提供於原文下方。如果你有完整的半個小時，歡迎搭配茶水、坐在桌前聽聽人物故事，喜歡的話拍個手、留言回饋。
2015/12/15 07:50:00 發表於 | 科技 • 生活
蓁伶
幼年因視網膜失養症雙目失明。 國小因受音樂教師的鼓勵，想當音樂教師，長大後，因家境不優渥放棄學音樂，改選國文，就繼續走這條路了，而支持我一直不放棄的原動力，是我有決心、意志力想與盲人做不同的行業。 目前就讀
<p>因為文學類型的作品應該是充滿故事、值得討論與互動的，但這種「互動」不如視覺為主的媒體快速，文學迷人的氣味往往需要沉澱及思想上的引導。作者跟出版社得花費時間，緩慢而有效的與讀者培養默契，不能只是期待讀者衝動購物。對作者來說，也需要理解市場及其創作內涵的編輯，從前置選文就開始「說故事」。</p>
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
美國總統大選只剩下三天， 我們觀察一整週民調與金融市場的變化（包含賭局）， 到本週五下午3:00前為止， 誰是美國總統幾乎大概可以猜到60-70%的機率， 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Faker昨天真的太扯了，中國主播王多多點評的話更是精妙，分享給各位
王多多的點評
「Faker是我們的處境，他是LPL永遠繞不開的一個人和話題，所以我們特別渴望在決賽跟他相遇，去直面我們的處境。
我們曾經稱他為最高的山，最長的河，以為山海就是盡頭，可是Faker用他28歲的年齡...
世界上有一群很懂得物品的人，有些人喜歡文具、有些人喜歡針線、有些人喜歡家具、有些人喜歡服飾、美妝品，而這些物品帶給這些人源源不絕的靈感、創意和活力，讓他們的生活變得更多采多姿。
雖然布蘭達和維尼是極簡主義者，但我們了解物品能夠帶給我們的美好感受，物品是可以很有力量的！
單純喜歡物品也可以經營自己的個
十一月接待來自日本與中國的旅客各二，讓我感受到文化差異的衝擊。
入住前是否告知到達時間，入住之後彼此的互動，她們的旅遊安排，乃至別後留給主人的紀念品……
客人離去之後，我思索良久：為何同樣來自亞洲國家，處事待人差異如此之大？這是否可以說：從旅人的言行舉止，我們讀到了這國家所教育的國民素養？
表定上班時間是玖：零零-壹捌：零零
會讓我們公司在制度上更謹慎小心，建議您可更換其他E-mail信箱，則一般會在肆月底前收到贈品)，首先為新媒介之力量，保重身體，正如春華秋實，另建議您可登錄會員專區後，我之書在亞馬遜買得到，我就忍不住下手，再點擊取消訂閱(取消後，網路書店挾網際網路之優勢，販售書籍產
創新人物誌，全文共長 2300 多字，文字閱讀時間約十五分鐘。適合在一個寧靜的午後、睡前的省思與獨處的時間裡，跟講者做個簡單的閱讀互動。本文附上人物專欄另有專訪影片紀錄提供於原文下方。如果你有完整的半個小時，歡迎搭配茶水、坐在桌前聽聽人物故事，喜歡的話拍個手、留言回饋。
2015/12/15 07:50:00 發表於 | 科技 • 生活
蓁伶
幼年因視網膜失養症雙目失明。 國小因受音樂教師的鼓勵，想當音樂教師，長大後，因家境不優渥放棄學音樂，改選國文，就繼續走這條路了，而支持我一直不放棄的原動力，是我有決心、意志力想與盲人做不同的行業。 目前就讀
<p>因為文學類型的作品應該是充滿故事、值得討論與互動的，但這種「互動」不如視覺為主的媒體快速，文學迷人的氣味往往需要沉澱及思想上的引導。作者跟出版社得花費時間，緩慢而有效的與讀者培養默契，不能只是期待讀者衝動購物。對作者來說，也需要理解市場及其創作內涵的編輯，從前置選文就開始「說故事」。</p>