Hotjar是目前相當熱門的網站行為分析工具之一,除了能夠記錄使用者瀏覽行為之外,還提供熱點圖、訪客錄影、意見回饋等功能,協助你了解使用者在網站上的實際操作情況。
本篇將介紹如何透過GTM的社群範本安裝Hotjar,無需修改網站程式碼即可完成部署。
認識Hotjar
Hotjar是一套專門分析網站使用者行為的工具,能夠透過視覺化方式呈現訪客與網站互動的過程。
常見功能包括:
- 熱力圖
- 訪客錄影
- 點擊分析
- 滾動深度分析
- 使用者意見回饋
- 問卷調查
透過 Hotjar,你可以清楚了解:
- 使用者最常點擊哪些區域
- 哪些內容最容易吸引注意力
- 使用者在哪個步驟離開網站
- 表單填寫過程是否遇到問題
為什麼要搭配GA4使用?
GA4擅長提供量化數據分析,例如流量來源、使用者數量、轉換率、事件追蹤
但GA4並不提供熱點圖功能,因此無法直接看到使用者在頁面上的實際操作情況。
而Hotjar則剛好能補足這部分的不足。
簡單來說:
實務上非常建議將 Hotjar 與 GA4 搭配使用,才能同時掌握「發生了什麼事」以及「為什麼會發生」。
安裝流程概覽
安裝Hotjar大致分為三個步驟:
- 建立Hotjar網站
- 取得Site ID
- 透過GTM安裝Hotjar
步驟 1:取得Hotjar Site ID
在Hotjar的後台,點擊「Organizations & sites」-「+ New Site」,接著依照網站資訊完成設定:
然後點擊「Install tracking code」:
右下角的Site ID提示就是Hotjar ID,請先將這組ID記錄下來,後續GTM設定時會使用到。
需要注意:安裝好後要返回這個頁面驗證安裝。
步驟2:透過GTM安裝 Hotjar
在GTM中點擊「代碼」—「新增」—「請選擇代碼類型以開始設定…」——「Hotjar Tracking Code」,命名為“Hotjar – All pages”,做如下設定:
這樣就設定好了,可以發佈出去。
步驟 3:預覽與發布
GTM裡預覽調試,確認:
- Hotjar標籤是否成功觸發
- 沒有出現錯誤訊息
- 網頁正常載入
確認無誤後,再點擊提交將設定發布到正式環境。
步驟 4:驗證Hotjar是否安裝成功
發佈後返回到Hotjar的頁面,點擊「Verify installation」去驗證安裝是否成功。
驗證失敗怎麼辦?
如果驗證未通過,可以檢查以下項目:
- GTM是否已發布:許多人完成設定後忘記按下「提交」,導致正式網站尚未載入 Hotjar。
- Site ID 是否正確:確認 GTM 中填寫的 Site ID 與 Hotjar 後台顯示的 Site ID 一致。
- 是否受到Cookie Consent平台影響:可能需要先取得使用者同意後才會載入 Hotjar。
- 等待數分鐘後再驗證:Hotjar有時需要數分鐘才能完成偵測,建議等待5~10分鐘後再次驗證。



