HotJar + Convert：完整漏斗優化的分步指南。
已發表: 2020-05-18
由 HotJar 和 Convert 主演的 CRO 電影
可以肯定的是：這不是新的複仇者聯盟。
而且我們不會假裝它很有趣。
但是……HotJar“電影”（可能）更重要。
為什麼？
因為有了這個漂亮的工具，您可以直接了解訪問者如何與您的網站互動、他們放棄購物車的原因、阻止他們提交表單的原因以及導致他們點擊後退按鈕的頁面或網站部分。
當您將轉換體驗添加到組合中時，您可以將來自漏斗所有階段的 HotJar 見解轉換為測試變體。
可以消除 UI 混亂、減少流量挫敗感並讓您明確了解潛在客戶真正想要什麼的變體。
將轉換體驗與 Hotjar 集成
將 Hotjar 與 Convert Experiences 集成後，您可以在您的 Convert Experiences 帳戶中啟用所有 Hotjar 功能。
設置集成：
整合兩個平台：
- 將轉換體驗跟踪代碼添加到您的網站
- 將 Hotjar 跟踪代碼添加到您的網站
- 在您的體驗摘要屏幕中啟用 Hotjar 集成（在設置部分下）
（有關更多詳細信息，請在此處閱讀完整的分步說明）。
驗證集成
安裝完成後，通過安裝 Convert Chrome 調試器來驗證設置：
使用什麼數據？
啟用集成後，您的 Hotjar 帳戶中的每個記錄都將被標記為：“轉換：AAA – BBB”，其中：
- AAA – 實驗名稱限制為前 20 個字符或在您的 Convert 帳戶中找到的實驗 ID，具體取決於您是否啟用了數據匿名化；
- BBB – 變體名稱限制為前 20 個字符或在您的轉換帳戶中找到的變體 ID，具體取決於您是否啟用了數據匿名化；
在您的 Hotjar 帳戶中，您可以根據特定實驗 - 變體對過濾記錄，以分析訪問者在提供特定變體時的行為：
下一步是什麼？
啟動並運行使用 Hotjar 進行轉換後，下一步是什麼？
現在，我們將向您展示即使是轉換體驗的基本知識也可以幫助您改進登錄頁面、表單字段、CTA、響應式設計等等。 你可以看到：
- 您的網站獲得了多少訪問者
- 您的訪問者會逗留多長時間
- 他們來自哪個州（或國家）
- 您的訪問者使用哪些設備（移動設備、台式機、平板電腦）
- 他們從哪個廣告系列進入您的商店
- 如果您的產品圖片確實很吸引人。
- 如果商店激發了訪客的行動。
- 如果產品在頁面上的定位讓客戶感到尷尬。
- 如果他們必須向下滾動太遠才能找到產品。
- 你是否作為一個有效的、明確的價值主張和 CTA？
信息量可能會讓人感到不知所措，我們建議一開始不要深入研究。 專注於對您真正重要的關鍵指標。
即使是簡單的分析也可以提示可能對您的商店產生巨大影響的更改。
[PS：關於那個說明，請查看我們的小數據網絡研討會。 我們涵蓋了尋找和使用“小東西”產生重大影響的過程]
<<嵌入代碼>>
將 Convert Experiences 與 Hotjar 集成的目的是盡可能深入地了解用戶行為。 您跟踪的越多，您就越能了解訪問者如何與您的網站互動。
通過訪客記錄防止購物車被遺棄
您可以通過使用 Hotjar 訪客記錄優化結帳流程來防止在線購物車被遺棄。
訪問者記錄是簡短的記錄，可讓您查看訪問者在您的網站上所做的事情。 如果您觀看和分析其中許多錄音，您將開始發現模式。 您將能夠在結帳過程中識別危險信號。 你會更好地理解人們為什麼放棄他們的購物車。
訪客記錄可以為您提供大量原始信息。 為了使用這些見解來降低您的購物車放棄率，您應該注意以下幾點：
- 人們在您的產品頁面上停留了多長時間？
- 人們滾動的速度有多快？ 他們是否瀏覽或專心閱讀？
- 訪客是否被某事分心？
- 什麼吸引了訪問者的注意力？ 他們最感興趣的是什麼？
- 是什麼讓他們遠離購物車？
- 還有什麼可能會損害您的轉化率？
在查看和分析訪客記錄時，這些都是很好的問題。 他們將盡可能幫助您防止在線購物車被遺棄。
Shopify 商店上的示例
假設您有一家 Shopify 商店，並且您想要更改結帳頁面。 您可以按照此處的說明在 Shopify 的結帳頁面上安裝 Convert 跟踪代碼，然後在 Convert 中創建 A/B 體驗。 該變體在結帳頁面上帶有額外的橫幅，帶有信任符號和免費送貨（嘿！專家說他們有效）。
過了一會兒，您在轉換報告中註意到原始版本正在獲勝，並且額外的橫幅並沒有帶來更多的購買。
您想知道為什麼訪問者更喜歡使用 Convert 設計的原始版本和變體版本。
為此，您在變體的結帳頁面上使用 HotJar 訪問者記錄，並註意到訪問者放棄了購物車，因為他們實際上被這些橫幅分散了注意力。
您移除橫幅並調整轉換 A/B 體驗以鼓勵更多結帳。 並且您會了解到，如果您希望您的觀眾在未來採取行動——優先考慮減少干擾，而不是增加信任助推器。
了解訪客離開的原因
通過客戶調查和民意調查
另一個有用的 Hotjar 功能是反饋工具，您將在左側看到它。
通過調查和民意調查，您可以在您的網站上插入客戶反饋請求。 當即使是可用性測試也不能說明訪問者的阻力時，這會派上用場。
您可以在最大客流量時使用這些功能，並找出訪客離開而不採取進一步行動的原因。 通過的評論將支持您在轉換體驗中收集的定量數據。 以下是如何在 Convert A/B 體驗或個性化中啟用投票。
帶漏斗
HotJar 提供了一個很棒的功能，稱為漏斗。 因此，您可以簡單地使用 HotJar 漏斗，而不是使用調查和民意調查，來明確地發現發生顯著下降的頁面！
使用熱圖進行設備測試
您的網站頁面在不同尺寸的設備和屏幕上看起來非常不同。
隨著超大屏幕、上網本、平板電腦和手機的普及； 確保跨小工具的最佳體驗是一項挑戰。
桌面上首屏的重要內容最終可能會遠遠低於手機的首屏。 同樣，您的頁面內容在非常大的屏幕上可能看起來很稀疏且難以閱讀。
Hotjar 熱圖報告將輕鬆揭示瀏覽器和設備之間的這些差異以及訪問者如何與您的內容進行交互。 引入響應式設計，以便您可以調整頁面以適應屏幕和瀏覽器規格。 使用您在 Hotjar 熱圖中的發現來調整這種響應式設計。
即使有許多變量定義您的頁面體驗，關鍵內容的更高參與度和優先級突然變得可能。
使用新的熱圖報告跟進您的更改，以查看調整的影響。
完成後，將這些發現交給 Convert 個性化，不同的受眾將根據他們的設備和瀏覽器偏好獲得不同的設計。 在此處了解如何在轉換個性化設置上啟用熱圖。
提示：HotJar 還提供 7 個額外的熱圖測試。
改善您的目標網頁
登陸頁面優化 (LPO) 是任何 CRO 驅動器的關鍵部分。
Convert Experiences/HotJar 集成在這裡創造了奇蹟。
使用 Hotjar，您可以通過點擊、點擊和滾動行為的可視化表示（地圖）了解用戶想要什麼、他們關心什麼以及他們如何與您的網站互動。 你看到什麼讓人們感到困惑，你可以消除這些障礙。
假設您有一個登錄頁面，並且您想要優化它。 您在著陸頁上安裝 Convert 跟踪代碼並創建您的 Convert A/B 體驗。 您所做的更改是頁腳中的額外社交按鈕。
一段時間後，您的轉換報告顯示原始版本正在獲勝，並且額外的社交圖標不會帶來更多購買。
您想知道為什麼訪問者更喜歡原始版本而不是您使用 Convert 設計的變體版本。 為此，您使用 HotJar 並註意到訪問者不會滾動到您的登錄頁面的頁腳。
您將社交圖標移動到標題並調整轉換 A/B 體驗，以對轉換產生明顯的積極影響。 來自重要人物的見解。
想像一下，您已經構建了一個轉換多頁體驗，您需要快速了解您的假設的有效性。 Hotjar Recruiters 小部件可以快速輕鬆地獲得合格流量的同意，並註冊用戶進行用戶研究。
您現在可以對您的目標客戶群的成員進行描述，並提供禮物以換取他們的服務。
您還可以創建轉換拆分 URL 測試以找出轉換效果更好的方法：招聘人員功能或調查功能。
只需將此 Hotjar 功能添加到您的轉換體驗中，您就會開始收集反饋
檢測 UI 混淆點：
正如檢查表所說：
“Rage Clicks 識別出用戶感到沮喪的時刻，這通常是由於在區域內過度點擊而沒有觸發任何 UI 更改造成的。 用戶憤怒的常見點包括點擊死鏈接（看起來像鏈接但不是鏈接的文本），點擊希望放大它們的圖像（不成功）和其他 UI 混亂點。”
在您的 Hotjar 儀表板中，轉到會話記錄。 按您要調查的頁面的 URL 過濾。 然後應用憤怒點擊過濾器。 您已經準備好觀看和分析憤怒地點擊您網站上任何頁面的客戶的記錄。 分析錄音應該為您指明正確的方向，以修復讓訪問者感到沮喪的 UI 元素。
讓您的表單提交飆升
在設計和試驗表單時，您可以對訪問者如何與表單字段進行交互有更多的了解。 通過 HotJar 和 Convert Experiences，您可以了解保持空白的字段、看到數據重新輸入的字段，簡而言之，了解影響表單轉換率的字段。
首先使用轉換多變量體驗來設計具有多個調整或元素更改的表單。
完成後，使用 Hotjar 訪問者記錄來消除阻礙您訪問的表單字段或表單元素。
最後將 A/B 測試應用於保留的字段，並將您的表單縮小到對訪問者真正重要的內容。
隱私問題，尤其是 GDPR？
到目前為止，我們已經看到，通過一段簡單的代碼，Hotjar 記錄了您網站訪問者的用戶會話。 您實際上可以看到他們滾動，在屏幕上移動光標，然後根據他們使用的設備單擊或點擊。
但是用戶的隱私呢？
關於數據隱私的新法律 GDPR 使記錄用戶會話有點令人毛骨悚然。 這可以被視為侵犯隱私嗎？ 不，因為 Hotjar 不會收集有關個人用戶的個人身份信息，例如 IP 地址。 相反，他們分配一個唯一的用戶 ID 號來區分會話記錄。 此外，Hotjar 會自動檢測密碼和信用卡號等敏感信息的輸入字段，並且不會記錄擊鍵。 您還可以選擇手動屏蔽 Hotjar 設置中的某些輸入字段和文本。
Convert 真正關心您的隱私和流量的隱私。 如果您希望引導訪問者找到您提供的最佳解決方案，而不會讓他們在此過程中感到沮喪，那麼轉化率優化是必不可少的。
這就是為什麼我們與像 HotJar 這樣的工具深度集成的原因，它可以在不侵犯用戶權利的情況下繪製價值一百萬次點擊的 CRO 圖片。
如果您希望看到這種合作夥伴關係的實際效果，只需註冊免費試用 Convert Experiences。