Google Analytics (分析) 是一套非常好用的工具,但總有一些不足之處,所以,在分析網站時總要利用其它的工具來輔助。而 Hotjar 這款資訊分析工具,能夠提供 Google Analytics (分析) 所沒有的資訊功能,由其是熱點圖像 (熱力圖) 這功能,能記錄訪客滑鼠點擊或手指觸控習慣,更視覺化的呈現,對於網站(頁)動線優化是很有幫助的。

什麼是 HotJar?

Hotjar 是一個線上工具,提供 Heatmap、Recording、Funnels、Forms 四種監測服務,可以監測和記錄用戶在您的網站上的行為,提供反饋和分析您的網站,深入了解如何改善您的網站的用戶體驗和性能。

Hotjar 提供的功能:
  1. 熱點地圖 (Heatmap):通過直觀地表示點擊,點擊和滾動行為,了解用戶需要,關心和與您的網站互動。
  2. 會話錄製 (Recording):通過觀看網站上實際使用者的錄製、點擊、移動滑鼠,鍵入和瀏覽網頁,來識別可用性問題。
  3. 轉化渠道 (Funnels):通過確定哪些網頁上的使用者在哪個頁面上以及哪些步驟離開您的網站,查找改進和測試的最大機會。
  4. 表格分析 (Forms):通過發現何時和為什麼您的訪客放棄您的表格,提高在線表格完成率。
  5. 反饋池 (Incoming):使用“傳入的反饋”從訪問者處收集有關其體驗的“即時反饋”和“即時反饋”。
  6. 民意調查 (Polls):在您的網頁中安裝一個投票詢問訪客為什麼他們放棄你的頁面。
  7. 調查 (Surveys):詢問你的活躍用戶和客戶是什麼讓他們選擇你,或為什麼他們放棄你的網站。 
  8. 招聘 (Recruiters):請訪問者直接在您的網頁上尋求幫助。

Hotjar 免費版提供3個熱點圖和300會議記錄追蹤。 

※如果對於 GTM 設定還不了解,可以先瀏覽此篇教學:如何安裝 Tag Manager? GTM 教學讓你學會設定與管理

使用 Google Tag Manager 安裝 Hotjar

Step1.Hotjar 帳戶申請方式與 Google Analytics 相同,我們需先建立一個監測的網站。

hotjar新增網站

Step2.從列表中點擊跟蹤代碼 (Tracking Code),可取得 Hotjar 跟蹤代碼,只要將此代碼複製後,安裝在全站所有網頁的<head>標記中即可,但我們主要是要利用 Tag Manager 來安裝,所以只要從代碼中取得跟蹤的 ID (hjid) 即可,您也可以在登錄 Hotjar 時查看瀏覽器的 URL:http ://insights.hotjar.com/sites/**[SITE_ID]**/dashboard 中取得 。

取得hotjar代碼

hotjar追蹤代碼

Step3.接下來就是進入到 GTM 管理介面,點擊標籤圖標並從列表中選擇 Hotjar Tracking Code。

gtm新增hotjar代碼




Step4.在代碼設定中,將您的 Hotjar 追蹤代碼 ID 填入到「Hotjar Site ID」欄位中。

gtm填入hotjar代碼id

Step5.通過點擊觸發條件區域,設置一個觸發器,因為是要追蹤全站,所以選擇觸發條件為「All Pages」。

設定hotjar觸發條件

Step6.儲存設定完成的代碼。

儲存hotjar代碼




Step7.點擊頁面右上角的“提交”按鈕,即完成 Hotjar 代碼設定。

提交hotjar代碼

 

Step8.回到 hotjar 中驗證,點擊「驗證安裝」會另開一個視窗,例如 http://www.yourwebsite.com 或 http://localhost:8000,如果您沒有看到確認信息或看到失敗信息,則意味著 Hotjar 沒有正確安裝,這時就要重新檢視代碼是否安裝正確。

驗證hotjar代碼

以上為使用 GTM 安裝 Hotjar 追蹤代碼的步驟。