Hotjar 是大家拿來常用偵測使用者在自己網站的行動軌跡,他們開發那麼辛苦,當然要收費囉!
如果大家對他產品有興趣的話可以試用看看!(對一般企業來說,可能價格可以接受,對 個人/小資族 來說也算每個月不小支出😰)
▼因此,我這邊主要介紹一下,Microsoft Clarity 的部分!
在【2022】必看!網站設計相關工具推薦、整理、懶人包!這篇文章,突然想起某個工具我還沒裝好,於是趕快動手馬上安裝!以下是影片,你可以看到使用者在我這個頁面做的事情! (也可以知道裝置是 IOS 還是 Andriod等等問題)
這部分是關於recording的部分,其他部分等我有資料後跟大家分享!
▶這影片我沒做任何加工,你可以完全看到使用者,進到這個頁面,整個頁面停留時間與狀態!簡單來說,就是使用者做了什麼事。
▶使用者在JS部分停留有點久,推測對JS有興趣,其他部分倒是滑蠻快的。
(因此我搜集到:來到這個頁面的使用者對JS有興趣,那這比重若很大的話,說不定我網站增加JS相關工具是不錯的選擇!)
▶小提醒:最好看完後,跟你本身網頁相互對照,原因為你如果在頁面中放Youtube影片,他在Microsoft Clarity會出現空白,若你單只看Microsoft Clarity顯示的話,會不明白為什麼他在空白處停留這麼久; 若是加以對照的話,才會發現使用者可能在看影片等因素。
不知道看完後,你是否心動了!要趕快安裝呢!?安裝的話,可以參考 這篇文章!
以下介紹 Microsoft Clarity(永久免費)主要功能是
- 方便安裝,可以直接使用 Google Tag Manager ( 簡稱GTM), 像這個 部落格 就是使用GTM安裝的,Microsoft Clarity 也很佛心的告訴你怎麼用GTM安裝!
- 有Dashboard ( 儀表板)、Recording(軌跡記錄) 、 Heatmap(熱圖)可以讓你追蹤使用者軌跡。
- 可以分享與共用(讓團隊可以看到網站目前的狀況)
- 一個帳號(像是我sihyu84927@gmail 可以監測不同個網站,如下圖)新增就照步驟輸入就可以了
- 有問題可以寄信給官方,測試過基本上是一天內會回應你,但我覺得基本上算上時差可以等待1-2天。
▷ 有些朋友們問我怎麼寄信給Microsoft Clarity,以下教你怎麼寄信:
(下圖右上方紅框)有一個笑臉,請點擊笑臉喔!:D
步驟2: 跳出一個小視窗,你可以直接點選第一個 Report an issue (回報問題)
步驟3:輸入你的問題(請記得使用英文),我會建議下面的勾要打起來,這樣他才知道要怎麼聯絡你!完成按 SEND 就可以囉!
附註: 再次提醒,請記得對方和你有時差,耐心等個1-2天呦!
7. Heatmap 可以知道你網站上,那些文字/連結/圖片最多人點擊!
8. 目前我問Microsoft Clarity 它是否能支援跨頁錄影功能,但目前還是無法,如果是tab頁面是可以錄進去的!
其他部分,等時間長一點,我測試完後再分享給大家!
2021-02-02更新
今天發現Microsoft Clarity可以錄到跨頁了,更扯的是居然連離開當前頁面時間都有錄起來! 可以看下面影片作參考喲!