文章彙整

使用者行為,網站頁面分析工具 (中)- Hotjar 如何在GTM, Magento, WordPress設定

By Steffi 2 months agoNo Comments
首頁  /  數位行銷  /  CRO轉換率與分析  /  使用者行為,網站頁面分析工具 (中)- Hotjar 如何在GTM, Magento, WordPress設定

如何在wordpress magento gtm 網站上設定hotjar

上一篇介紹的Google Analytics 的網頁分析工具,是一套相對來說目前廣泛使用的工具,不僅如此,他提供的訊息,也十分充足。然而在分析網站工具時,Hotjar就變成更能有效提供訊息的工具。想透過視覺圖面知道使用者在網站上的行為模式就可以利用Hotjar,例如:

  • 在網站上如何移動滑鼠和滑鼠?
  • 在網站的哪一個頁面以及哪一個部份停留最久?
  • 在網站上到底在哪些沒有按鈕的地方按下了滑鼠?

 

什麼是 HotJar?

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

Hotjar 提供的功能:

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

 

Hotjar 如何在你的網站設定hotjar

Step 1: 先在 https://www.hotjar.com/, 上註冊一個新帳號

Hotjar 提供多種不同的方案供使用,網站管理這可根據自身所需要的狀況進行帳號管理

hotjar 在magento wordpress gtm 網站上的設定01

 

Step 2: 登入您的新帳戶,建立新網站

hotjar在magento wordpress gtm 網站上的設定

 

Step 3: 建立新網站或是新組織,新組織是給一個公司也許有很多不同地區的網站或是不同類型,甚至是不同品牌的網站,都可以使用新組織,但是每個組織裡的網站,都還是要分別設定自己的新網站只是是歸屬在同個組織裡。

3-1 建立新網站:在Website的內容裡填入想要追蹤的網站

hotjar在wordpress magento gtm網站上的設定

 

3-2 建立新組織:建立組織名稱

使用hotjar在wordpress magento gtm 網站上的設定0301

 

Step 4: 獲取 Site ID 以及 Tracking code,這篇文章將介紹如何使用Google Tag Manager, magento, wordpress去設定Hotjar, Site ID 就變成相對更加重要。如果是一般要利用tracking code,大家可以參考這篇文章

hotjar在wordpress magento gtm 網站上的設定

 

Step 5: 登入你的GTM帳戶,在左手邊的功能選取Tags,並選取新增。新增類型中,找到Hotjar。

hotjar在wordpress magento gtm 網站上的設定 05

 

Step 6: 輸入您想為此Hotjar 的追蹤選定的名稱,最後在把你剛剛在Hotjar獲取的Site ID填入。

hotjar在wordpress magento gtm 上的設定 06

 

Step 7: 設定觸發條件,選取All pages。按下右上角的儲存。

hotjar在wordpress magento gtm 網站上的設定 07

hotjar在wordpress magento gtm 網站上的設定 08

 

Step 8: 都設定好了,不要忘了到Tag下,按下Submit。這樣就設定完成囉!

使用hotjar在magento wordpress gtm 網站上的設定

 

一切都設定好了,Hotjar也很貼心。你可以回到你的Site Dashboard做確認。

使用hotjar在wordpress magento gtm網站上的設定09

 

Hotjar在Magento網站上的設定

歐斯瑞身為Magento專家,也讓我們來小小介紹一下在Magento裡面的設定吧。

Step 1-4都是相同的。Step 5 登入到Magento後台的CONTENT–>Design 選擇你想追蹤的站別。

hotjar在magento wordpress gtm網站上的設定10

 

找到Script and Style Sheets,把剛剛在Hotjar裡拿到的追蹤碼貼入。按下右上方的Save configuration,最後再去Hotjar做確認就可以了。

使用hotjar在wordprss magento gtm 網站上的設定11

 

HotJar 在Wordpress網站上的設定

在Wordpress的設定中,很抱歉的是你可能要先裝個套件裝好了之後,到Settings裡,把Hotjar的追蹤碼填入。按下Save。一樣的,可以去Hotjar的Dashboard裡找到確認的按鈕按下。確認是否有成功籤入。然後我們就可以來進行設定了。

hotjar在wordpress magento gtm 網站上的設定12

總算把追蹤碼都嵌入了,下一篇,我們就要來針對Hotjar的每個功能做設定介紹,熱點圖直觀細緻的功能有助於精細網站優化的參考資料,更多與電商營運相關的知識,別忘訂閱訂閱歐斯瑞電子報,以及追蹤我們的粉絲專頁

 

延伸閱讀:

使用者行為,網站頁面分析工具 (上)Google Analytics

 

 

 

 

以上內容由Astralweb 歐斯瑞編寫製作

 000

推薦文章

Category:
  CRO轉換率與分析

留下回應

你的電子郵件地址不會被公開.

取得獨家電子商務祕技

建立更好的策略靈感

跟上全球的網路趨勢

絕佳的電商解決方案

電子商務戰略全指南

每月發送電商戰略指南,只要填寫E-mail即可訂閱!

請到您的信箱確認,即可完成訂閱。