如果你之前沒有聽說過 Crazy Egg，它是一款可以根據訪客的點選行為生成熱圖和滾動圖的工具。
我很久之前就對 Crazy Egg 進行了測試。雖然我最初很喜歡這個工具（當時熱圖還是個新工具），但我沒有足夠的流量來對它進行真正的測試。從那以後，流量增加了，所以是時候再試一次了。
我不得不說，自上次測試以來，Crazy Egg 的很多功能都發生了變化，或增加了功能，或取消了功能。整合手機和平板電腦截圖、熱圖比較功能或使用自己定義的目標跟蹤訪客只是其中的幾項。更多內容稍後詳述。
Crazy Egg 概述
Crazy Egg 是一款分析工具，用於收集使用者在網頁上的點選資訊。它可以建立視覺化資訊，顯示單個頁面元素受歡迎或不受歡迎的程度。請按照以下步驟在您的網站上進行 Crazy Egg 測試：
確定研究問題
在使用 Crazy Egg 之前，最好先列出您希望使用 Crazy Egg 調查的研究問題。例如，人們是否與頂部導航互動？使用者是否看到（並點選）我們新增到右欄的新功能？人們是否向下滾動到頁面底部並與那裡的內容進行互動？
選擇要測試的頁面
您的研究問題將最終決定您測試哪些頁面，但作為經驗法則，請考慮測試：
- 主頁
- 計劃近期更新的頁面。這樣可以比較更新前後的使用情況。
- 具有獨特模板的頁面
- 熱門頁面或熱門入口頁面
- 有您的節目希望突出的內容的頁面
- 可能受特殊媒體報道影響的頁面
- 具有互動元素（如CTA）的頁面。
先選擇三到五個頁面。
- 確定您希望 Crazy Egg 執行的時間範圍。測試一般會持續一到兩週。
- 向 EERE 的網站可用性協調員傳送電子郵件，並抄送：David Brown，Energy.gov 中 EERE 網站的 Crazy Egg 管理員，並提供上述資訊。請 David 在這些網頁上設定程式碼。
- David 將向您傳送 Crazy Egg 登入資訊，以便您訪問報告。
重要：為確保您獲得最準確的資料，請儘量不要在測試執行期間更改頁面。此外，還要注意測試期間發生的任何引人注目的事件，如會議或新聞報道，這些事件可能會導致網路流量出現異常高峰。
分析和報告資料
測試執行結束後，您就可以開始進行資料分析了。Crazy Egg 提供了幾種不同的方式來檢視您的使用模式，包括熱圖檢視、點選資料列表，以及按推薦人、點選時間等過濾結果的功能。請注意，較暖的顏色表示點選次數較多，較冷的顏色表示點選次數較少。
您看到的資料可以幫助您根據研究問題立即做出資料驅動的設計更改。它還可能會提出其他問題，您可以使用其他可用性方法（如訪談或可用性測試）來探討這些問題。EERE 的網站可用性協調員可以提供更多有關點選分析和解釋瘋狂彩蛋結果的示例、指導和其他指導。
再次測量
在某些情況下，您可能希望在更改頁面後重新進行測試。按照上述步驟設定新的測試。
Crazy Egg 如何工作
在進行設定時，我注意到的第一件事就是啟用 Crazy Egg 是多麼容易。我所要做的就是在我想要跟蹤的頁面頁尾插入一個非同步指令碼（瘋狂彩蛋跟蹤程式碼）。Crazy Egg 會在檢索到小程式碼段後通知我是否一切正常。如果您使用 WordPress 執行網站，他們甚至會為您提供一個外掛。
Crazy Egg 從指定 URL 截圖，收集該頁面上的所有點選，並將其投射到截圖頂部的熱圖上。每測量一次滑鼠點選，就會在單次點選中新增推薦人、國家、裝置型別等有價值的資料。除熱圖外，他們還提供其他地圖，如滾動圖、彩紙圖和疊加圖。我將在本評論中逐一討論。
使用 Crazy Egg 非常簡單。新增快照不到一分鐘即可完成。輸入要跟蹤的頁面的網址，新增描述，然後選擇截圖的裝置（桌上型電腦、平板電腦或手機）。你還可以跟蹤使用特定裝置的使用者，如果你只對移動使用者感興趣，這就派上用場了。
如果選擇來自所有裝置的所有流量，就可以在後期比較移動和桌面熱圖。
通過高階選項，您還可以使用正規表示式。現在，跟蹤屬於某個產品類別的所有產品頁面變得非常容易（只要您的 URL 結構允許）。
最後一個選項是跟蹤持續時間，可以設定為訪問量或天數。
設定第一個快照
Crazy Egg 提供的報告型別
熱圖
讓我從最受歡迎的熱圖開始。熱力圖報告是根據訪客的實際點選次數生成的，可以讓您瞭解訪客是如何訪問您的網站的。
一篇文章熱圖的一部分
正如你所看到的，點選次數多的部分開始發光，這意味著是熱門點選區域。每次點選的背後都隱藏著大量資訊，您可以在彩紙地圖上查閱（稍後會有更多介紹）。
滾動地圖
滾動地圖直觀地顯示了訪客瀏覽頁面某些部分所花費的時間。通過使用這些資訊，您可以將重要內容重新優先排序到更受歡迎的頁面部分。您可以並排比較滾動地圖，如移動版和桌面版。
Crazy Egg 製作的網站主頁滾動地圖
覆蓋圖
根據我的經驗，疊加功能不如其他生成的地圖有用。該覆蓋圖帶有一系列彩色小標記，附在被點選的每個部分上。您可以開啟標記，獲取有關該特定部分的更多資訊。藍色表示在該頁面的總體點選量中點選次數較少，你可以猜猜紅色標記的含義。
疊加地圖使用彩色標記來直觀顯示熱門版塊在該頁面上的總體點選率。
如前所述，我認為與上述地圖相比，疊加地圖並不能提供更多有用資訊。但下一張就可以！
Confetti
Confetti 報告與熱圖有一些相似之處。Confetti 疊加圖是一張根據點選量顯示最受歡迎版塊的視覺化地圖，但這份報告更深入，非常深入。每一次點選都包含大量資訊，按瀏覽器、國家、使用的裝置、推薦人等分類……屬於同一類別的點或點選具有相同的顏色。
如果你想知道所有 Chrome 瀏覽器使用者都點選了哪裡，只需選擇瀏覽器類別。您將收到一份按瀏覽器分類的所有點選列表，您可以從中篩選 Chrome 瀏覽器使用者。
通過 confetti，您可以深入瞭解每次點選背後的資訊。
此外，您現在還可以定義自己的變數。只需使用一些小小的 JavaScript，您就可以隨心所欲地對點選進行分類，為您帶來無限可能。例如，您可以跟蹤已登入的使用者，或根據他們之前在頁面上的點選次數進行分類。
如何使其具有可操作性
那麼，熱力圖如何幫助您做出決策，最終實現轉化優化？如何使這些結果具有 “可操作性”？與許多優秀的數字分析工具一樣，例如 Google Analytics（谷歌分析），其結果揭示的洞察力可用於提出如何提高轉化率的假設。
我舉一個例子。不久前，Vanissa Wanick 寫了一篇題為 “使用者體驗設計師可以從遊戲設計和遊戲化中學習” 的文章。雖然我認為這是一篇很棒的文章，其中有一些非常有趣的事實，但滾動地圖顯示，大多數訪問者在文章讀到一半時就停止了閱讀。
這篇文章不僅值得更好的閱讀，我們還在文章下面提供了額外的內容，例如相關文章和評論部分，我們希望與讀者分享這些內容。
我們提出了幾個假設，其中之一就是這篇文章沒有包含足夠的圖片。當文字不夠用時，圖片就能很好地直觀地說明問題，而且還能為閱讀體驗帶來一些變化。
在新增了一些精心挑選的圖片後，我們重新發布了這篇文章，並再次開始使用 Crazy Egg 的滾動地圖進行跟蹤。結果令人驚訝。人們不僅讀完了文章，我們還看到相關文章的點選量增加了 12%。
左邊是原文。右邊我們新增了一些圖片。正如您所看到的，雖然頁面變長了，但人們還是更多地向底部滾動並閱讀了整篇文章。
小結
不久前，我寫過一篇關於 Crazy Egg 替代品的文章，但平心而論，我認為 Crazy Egg 仍然是最好的熱圖工具之一。對我來說，真正讓它與眾不同的是，你可以定義自己的類別和目標，從而為這款工具帶來額外的動力。
評論留言