iT邦幫忙

2021 iThome 鐵人賽

DAY 25
0
Modern Web

不只是串串API,新手前端30天系列 第 25

DAY25 - 網站分析工具介紹 - 質化分析工具Hotjar

今天先來介紹一個,我第一次看到之後有點被嚇到的工具 Hotjar

Hotjar是一個質化的網站分析工具,很常被用在了解使用者行為、優化UX的面向使用。

Hotjar可以幫助我們了解

  1. 使用者實際操作的行為畫面
  2. 使用者與各頁面互動的狀況圖
  3. 透過問卷or回饋了解使用者的想法

功能介紹

這個工具其實非常親民好了解,有以下幾大功能組成:

(圖片來源:hotjar官網)

  1. 儀表板 (dashboard)

分析 (analytic)

  1. 熱點地圖(heatmaps)
  2. 操作錄影(recordings)

使用者反饋 (Feedback)

  1. 回饋 (incoming)
  2. 問卷調查(surveys)

接下來我們就一個一個功能介紹

0. 儀表板 (dashboard)

儀表板中大概會呈現以下幾種數據:
(1) 功能數據統計或較新資訊呈現:incoming的統計、最近24小時以內的錄影檔案。還會有

(2) 追蹤狀態:是否有成功追蹤你所指定的網站。若太多天沒有從你的網站收到資料,也會提醒你檢查是不是追蹤程式有問題才沒收到資料(結果意外發現是沒人用這個網站QQ)

(3) 最受歡迎的頁面列表

1. 熱點地圖(heatmaps)

heatmap其實就是把每個頁面中,使用者的點擊(click)、移動(move)、滑動(scroll)行為,套過有顏色的點記錄在該位置。顏色越紅代表頁面熱區,很多人會在這裡點擊或移動或滑動。

heatmaps列表

單頁熱點圖 ex.首頁熱點圖

heatmap 顯示畫面 (click, move, scroll)

2. 操作錄影(recordings)

把使用者在網站上的行為,全部錄影下來。(是不是很變態!!!! 我第一次看到的時候覺得天啊怎麼可以做到這樣全部被看光光((俗)))

3. 回饋(incoming)

透過回饋,使用者可以輕易的把對於網站的喜好程度評分,並可留言截圖。後台也會將所搜集到的回饋統整顯示。

前台回饋:會釘選在右方;可設定成「全站出現」或是「某幾頁才出現」。
回饋包含上方用笑臉和生氣臉的「用戶評分」與底下的「頁面截圖」

後台介面;統整使用者回饋,並可針對提出回饋的使用者提供其操作的影片。方便追蹤該使用者的操作方式。


4. 問卷調查(surveys)

網站管理者透過hotjar提供的survey功能,將想詢問使用者的問題填入問卷template。可設定在前台出現的時機甚至是特定的使用者或頁面。並在後台統計填答狀態。

前台問卷:可在特定頁面、時間、使用者等特定條件下,出現問卷供使用者填寫

後台介面:設定問卷(圖片來源:hotjar官網)


Hotjar類似這樣的工具其實還有像crazy egg也是包含了heatmap、recording。不過不同工具還是有不同著重的地方,比方說crazy egg的click事件顯示更進階可以分類還有A/B Testing的功能等等。

好了,今天我們就介紹到這邊囉~ 讓大家看看其實網站分析工具可以多變態的搜集你的行為XD


上一篇
DAY24 - 我的網站要分析!網站分析工具的選擇和態度(2)
下一篇
DAY26 - 網站分析工具介紹 - 質化與量化的結合 - Matomo
系列文
不只是串串API,新手前端30天30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
Mizok
iT邦新手 3 級 ‧ 2021-10-10 00:12:50

太變態了~

我要留言

立即登入留言