熱圖和滾動圖如何將我們在線商店的轉化率提高 9.3%

在開展任何在線業務時，跟踪訪問者行為和測試轉化渠道對於提高銷售額至關重要。 大多數網站管理員依靠免費工具 Google Analytics 來跟踪其網站的整體統計數據。

但是，雖然 Google Analytics 是一個非常強大的工具，但它並沒有提供足夠的信息來讓您清楚地了解訪問者如何與您的網站互動。 例如…

• 谷歌分析不會告訴你一個人在給定頁面上點擊了哪些確切的按鈕和鏈接。
• Google Analytics 不會告訴您網頁的哪些部分被閱讀最多。
• Google Analytics 不會告訴您人們是否一直向下滾動並閱讀您的所有內容。

簡而言之，僅靠 Google Analytics 並不能為您提供足夠的信息來改進您的網站。

獲取有關如何開設成功電子商務商店的免費迷你課程

如果您有興趣開展電子商務業務，我整理了一個全面的資源包，可幫助您從頭開始開設自己的在線商店。 離開前一定要抓住它！

點擊這裡下載

跟踪訪問者的確切活動

自 2011 年我首次推出在線商店課程以來，我一直在使用名為 Crazy Egg 的工具來幫助改進我的網頁。 與 Google Analytics 不同，Crazy Egg 可讓您準確地形象化客戶與您的網站的互動方式。

例如，該工具允許您創建熱圖以查看客戶點擊您網站的位置。

更新：我現在正在使用一個名為 Mouse Flow 的工具，除了熱圖和滾動圖外，它還可以讓您記錄和觀看客戶的視頻！ 此外，它也比 CrazyEgg 便宜得多！

單擊此處免費試用 MouseFlow 30 天

下圖顯示了訪問者登陸我的銷售頁面時點擊的內容。 如您所見，“單擊此處進行遊覽”按鈕的點擊率很高，這正是我想要的。

Crazy Egg 和 Mouse Flow 還為您提供了一個滾動圖，允許您確定頁面的哪些部分正在被實際閱讀。 下面的圖片清楚地顯示了我頁面的哪些部分更受歡迎。

頁面的黃色和紅色部分是“熱”的，而綠色和藍色區域是訪問者不參與內容的區域。

無論如何，如果您曾經嘗試過在線銷售商品，您可能會理解為什麼使用這樣的工具對於了解客戶行為並允許您進行必要的調整以引導訪問者朝著正確的方向發展是非常寶貴的。

個人故事

所以這就是讓我有點尷尬的地方:) 雖然我一直在大量使用這些工具來優化我的博客和登錄頁面，但直到去年我才開始在我的電子商務商店中使用該工具。

所以我想我會花一些時間與您分享我最近進行的一項測試，該測試減少了我們商店的支持電話數量，並將轉化率提高了 9.3% 。

我決定對頁面進行更改的唯一原因是我使用 Crazy Egg 和 Mouse Flow 等工具收集的數據

下面顯示的是很久以前我們的一個頂級登錄頁面的樣子。

這是頁面設計背後的一個小背景故事。 在我們的商店，我們出售個性化的手帕。 我們提供 14 種不同款式的手帕和 14 種線色可供選擇，客戶基本上可以隨心所欲地定制他們的手帕。

然而，問題是顧客一直對產品選擇感到困惑，因為他們認為他們被“照片中展示的”手帕卡住了，不允許選擇不同的款式或線色。

因此，我們會接到很多人的電話，詢問如何個性化手帕，以及他們是否可以個性化與照片中顯示的不同的手帕等……

無論如何，為了防止混淆，我在頁面頂部添加了所有手帕的圖片，您可以在頁面頂部對其進行個性化設置，然後當您將鼠標懸停在特定手帕上時，該圖片將擴展為更大的圖片。 我還添加了一個線程圖表。

下面顯示的是同一頁面的第二次迭代。

這個想法是客戶在添加個性化時會立即註意到他們有各種各樣的手帕可供選擇，這樣他們就不會感到困惑而離開。

但即使在這種變化之後，我們仍然會定期通過電話收到一些非常基本的問題，比如“我如何個性化我的手帕？”。

無論如何，我知道我們的用戶界面仍然存在一些問題，但我最長時間不理會它，因為頁面仍然轉換得很好（在 3-7% 之間）。 但由於這些產品是我們的大賺錢者之一，我決定使用 Crazy Egg，這就是我注意到的。

你能發現這裡的問題嗎？ 客戶實際上是在點擊這些小圖片，即使它們不是鏈接！ 可能是客戶點擊那裡期待發生一些事情嗎？

所以在看到熱圖後，我邀請了一個從未在我們店裡購物的朋友來嘗試購買一個個性化的手帕。 瞧，她也開始點擊那些照片！

她以為通過點擊小照片，她會被帶到另一個頁面，在那裡她可以個性化她的手帕。 她也對整個個性化過程感到困惑，因為沒有明確的說明。

注意：我認為她感到困惑的部分原因是那些小手帕圖片在折疊上方，而“真實”產品隱藏在她筆記本電腦的折疊下方。 這是一個真正的問題！

無論如何，我有點進退兩難。 如果我在頁面頂部包含有關如何個性化手帕的說明，那會將所有產品進一步推到折疊下方，這是不理想的。

所以最終，我決定創建一個小的信息彈出窗口，當任何人點擊其中一張小圖片時都會顯示該彈出窗口。 在這個彈出窗口中，我提供了有關如何個性化手帕的具體說明。 此外，我刪除了線色圖形以在頁面上移動我們的產品。 下面是一個例子。

在添加彈出窗口並對原始登錄頁面進行了一些拆分測試後，我發現添加彈出窗口並將產品移到頁面上的更高位置使轉化率提高了約 9.3%，但最重要的是，自那以後，我們還沒有收到有關此問題的支持電話.

即使這個頁面仍然需要工作，我還是欣喜若狂地在我們的著陸頁上找到了一個問題點，我可以通過熱圖分析立即發現這個問題。 使用常規的 Google Analytics，我永遠不會觀察到這種行為。

得到教訓

如果你從這篇文章中拿走任何東西，那就是如果你運行任何類型的基於交易的網站，谷歌分析不會提供足夠的信息來提高你的轉化率。

分析客戶行為很重要，不僅要了解哪些客戶正在訪問，而且還要了解他們如何與您的頁面進行交互，這一點至關重要。

運營在線商店與它的交易性一樣，所以我建議所有電子商務商店都超越分析思考並在更細粒度的層面觀察他們的客戶。

最好的部分是您可以單擊此處免費試用這些跟踪工具 30 天。

請隨時在下面問我任何問題。