有問題可以在文章底部留言

Google Tag Manager上安裝Hotjar完整教學

Google Tag Manager Haran 3年前 (2023-02-10) 3773次瀏覽 0條留言

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」,接著依照網站資訊完成設定:

Google Tag Manager上安裝Hotjar完整教學

然後點擊「Install tracking code」:

Google Tag Manager上安裝Hotjar完整教學

 

右下角的Site ID提示就是Hotjar ID,請先將這組ID記錄下來,後續GTM設定時會使用到。

需要注意:安裝好後要返回這個頁面驗證安裝。

 

步驟2:透過GTM安裝 Hotjar

在GTM中點擊「代碼」—「新增」—「請選擇代碼類型以開始設定…」——「Hotjar Tracking Code」,命名為“Hotjar – All pages”,做如下設定:

Google Tag Manager上安裝Hotjar完整教學

這樣就設定好了,可以發佈出去。

 

步驟 3:預覽與發布

 GTM裡預覽調試,確認:

  • Hotjar標籤是否成功觸發
  • 沒有出現錯誤訊息
  • 網頁正常載入

確認無誤後,再點擊提交將設定發布到正式環境。

 

步驟 4:驗證Hotjar是否安裝成功

發佈後返回到Hotjar的頁面,點擊「Verify installation」去驗證安裝是否成功

Google Tag Manager上安裝Hotjar完整教學

 

驗證失敗怎麼辦?

如果驗證未通過,可以檢查以下項目:

  • GTM是否已發布:許多人完成設定後忘記按下「提交」,導致正式網站尚未載入 Hotjar。
  • Site ID 是否正確:確認 GTM 中填寫的 Site ID 與 Hotjar 後台顯示的 Site ID 一致。
  • 是否受到Cookie Consent平台影響:可能需要先取得使用者同意後才會載入 Hotjar。
  • 等待數分鐘後再驗證:Hotjar有時需要數分鐘才能完成偵測,建議等待5~10分鐘後再次驗證。

如果您在操作上仍有任何疑問,歡迎留言交流,或加入:Google Analytics 4交流社團發問
Like (0)
發佈我的留言
取消留言
表情 贴图 加粗 删除线 居中 斜体

Hi,*为發佈留言必須填寫。

  • 顯示名稱*
  • 電子郵件地址*
  • 個人網站網址