方格精選
觀察網站訪客軌跡的免費螢幕錄影工具
更新於 2020/10/31閱讀時間約 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 追蹤
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題，等你踹共啦！還有機會獲得經典的「偉士牌樂高」喔！馬上來參加本次的活動吧！
隨著理財資訊的普及，越來越多台灣人不再將資產侷限於台股，而是將視野拓展到國際市場。特別是美國市場，其豐富的理財選擇，讓不少人開始思考將資金配置於海外市場的可能性。
然而，要參與美國市場並不只是盲目跟隨標的這麼簡單，而是需要策略和方式，尤其對新手而言，除了選股以外還會遇到語言、開戶流程、Ap
本週報告涵蓋電商網站評論分析工具VOC.AI的應用和在Shopify團隊埋設活動頁的追蹤事件等議題。詳細介紹了VOC.AI的功能和分析結果，以及在Shopify上使用Microsoft的分析工具Clarity。
Windows Clarity 是一種網站分析產品，讓網站設計師、開發人員可藉由它，更容易觀察用戶在網站的操作行為，協助更快速的優化網站，加強網頁的轉換效果與商業目標的達成。本文將介紹 Windows Clarity 應該如何使用，強化分析能力與優化網站效益。
在Google Analytics中，您可以授予其他使用者對您的資源（例如網站或應用程式）的存取權限。這樣他們就可以查看和分析資源的數據。下面是在Google Analytics中新增資源存取權限的步驟：
在Google Analytics中新增資源存取權限非常重要，這樣您可以控制誰可以訪問和管理您的分析資源。以下是在Google Analytics中新增資源存取權限的步驟
In the data-driven world of design, understanding how users interact with your website is crucial.
在當今高度競爭的數字市場中，了解潛在客戶的搜索習慣和需求是成功的關鍵。而Google關鍵字規劃工具就是一個無價之寶，能夠幫助深入了解用戶行為，找到最佳的行銷策略。本篇文章介紹使用Google關鍵字規劃工具的幾大好處。
在當代數據驅動的設計領域裡，了解用戶如何與你的網站互動是至關重要的。Microsoft Clarity是一款功能強大的用戶分析工具，它提供的直觀見解可以幫助開發者和設計師深入掌握用戶行為，從而優化用戶體驗和提升網站性能。
※ 效能
What tools would you use to monitor or analyze your performance ?
中文意思：在監控或分析系統性能方面可能會使用哪些工具?
※ 解答：
常見的監控和分析工具，可分成以下6大類：
系統監控工具： 例如，Promethe
Q4財報季前重新檢視 12 月網站流量追蹤 (Website Traffic tracking)
在當今數位時代，SEO（Search Engine Optimization）已成為網站提升曝光度和流量的重要手段。Google Analytics作為一個龐大的數據分析工具，對於SEO分析提供了豐富的數據和洞察。以下是一個簡單的指南，幫助您學習如何使用Google Analytics進行SEO分析
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題，等你踹共啦！還有機會獲得經典的「偉士牌樂高」喔！馬上來參加本次的活動吧！
隨著理財資訊的普及，越來越多台灣人不再將資產侷限於台股，而是將視野拓展到國際市場。特別是美國市場，其豐富的理財選擇，讓不少人開始思考將資金配置於海外市場的可能性。
然而，要參與美國市場並不只是盲目跟隨標的這麼簡單，而是需要策略和方式，尤其對新手而言，除了選股以外還會遇到語言、開戶流程、Ap
本週報告涵蓋電商網站評論分析工具VOC.AI的應用和在Shopify團隊埋設活動頁的追蹤事件等議題。詳細介紹了VOC.AI的功能和分析結果，以及在Shopify上使用Microsoft的分析工具Clarity。
Windows Clarity 是一種網站分析產品，讓網站設計師、開發人員可藉由它，更容易觀察用戶在網站的操作行為，協助更快速的優化網站，加強網頁的轉換效果與商業目標的達成。本文將介紹 Windows Clarity 應該如何使用，強化分析能力與優化網站效益。
在Google Analytics中，您可以授予其他使用者對您的資源（例如網站或應用程式）的存取權限。這樣他們就可以查看和分析資源的數據。下面是在Google Analytics中新增資源存取權限的步驟：
在Google Analytics中新增資源存取權限非常重要，這樣您可以控制誰可以訪問和管理您的分析資源。以下是在Google Analytics中新增資源存取權限的步驟
In the data-driven world of design, understanding how users interact with your website is crucial.
在當今高度競爭的數字市場中，了解潛在客戶的搜索習慣和需求是成功的關鍵。而Google關鍵字規劃工具就是一個無價之寶，能夠幫助深入了解用戶行為，找到最佳的行銷策略。本篇文章介紹使用Google關鍵字規劃工具的幾大好處。
在當代數據驅動的設計領域裡，了解用戶如何與你的網站互動是至關重要的。Microsoft Clarity是一款功能強大的用戶分析工具，它提供的直觀見解可以幫助開發者和設計師深入掌握用戶行為，從而優化用戶體驗和提升網站性能。
※ 效能
What tools would you use to monitor or analyze your performance ?
中文意思：在監控或分析系統性能方面可能會使用哪些工具?
※ 解答：
常見的監控和分析工具，可分成以下6大類：
系統監控工具： 例如，Promethe
Q4財報季前重新檢視 12 月網站流量追蹤 (Website Traffic tracking)
在當今數位時代，SEO（Search Engine Optimization）已成為網站提升曝光度和流量的重要手段。Google Analytics作為一個龐大的數據分析工具，對於SEO分析提供了豐富的數據和洞察。以下是一個簡單的指南，幫助您學習如何使用Google Analytics進行SEO分析