熱點圖是通過使用不同的標誌將圖或頁面上的區域按照受關注程度的不同加以標註並呈現的一種分析手段，熱點圖將使用者的每一次滑鼠點選、滾動、視野停留都轉作了資料化的色彩繪製出來，您不但可以一目瞭然使用者偏好，更方便和設計師溝通，優化網頁設計。
熱點圖是一款好用的使用者行為分析工具，通過使用者在頁面上的瀏覽軌跡，點選熱區來找到網站內對使用者有價值的資訊，並且優化網站死角來更加豐富和滿足使用者體驗。
一、熱點圖的兩種實現形式
目前熱點圖有兩種主要的實現形式：
點選熱點圖(clickmap)：基於滑鼠的點選行為採集、分析、呈現，crazy egg點選熱點圖的佼佼者。
注意力熱點圖(Attation heatmap)：不需要採集分析滑鼠行為資料，而是使用綜合多種神經學相關的演算法來對人的視覺注意力進行模擬而生成以吸引注意力程度不同的熱點圖，
1、點選熱點圖
點選熱點圖的生成過程我們可以簡單劃分成三個部分：
(1)、滑鼠點選資料採集與上傳
第一部分的實現需要在企業網站的產品展示頁面埋設相應javascript程式碼，程式碼核心思想是利用滑鼠點選時會觸發onMouseDown事件，然後在事件中新增指令碼捕捉滑鼠點選的具體位置座標、相應連結以及螢幕解析度等相關資料，然後通過httpRequest物件將資料傳送到訪客滑鼠點選資料採集伺服器儲存，資料採集伺服器會將資料以某種固定格式儲存，方便資料分析伺服器提取和分析這些資料。
(2)、資料的分析建模生成點選熱點圖
第二部分是主要部分，當網站決策者需要檢視某頁面的熱點圖時，觸發系統向滑鼠點選資料分析伺服器發出生成熱點圖請求，分析伺服器通過在獲得相應的訪客滑鼠點選資料後進行彙總分析，形成該請求頁面的點選資料集，在資料集基礎上進行圖形建模，最終形成產品關注度熱點圖，主要的步驟解釋如下：
a、解析滑鼠點選資料記錄：我們在採集滑鼠點選資料時會按照一種固定的預先定義好的格式進行記錄，那麼解析的過程遵守同樣的規則進行解析，最終還原各資料項，為建模做準備。
b、還原滑鼠點選位置：首先生成空白熱點圖，然後在獲得的點選資料基礎上進行點選位置等資料還原
c、點選資料集建模：使用預先設計好的單位點選效果圖來標識每個點選行為，直到完成整個點選資料集的建模
d、生成熱點圖：將已經完成的點選資料建模圖進行格式轉換，轉換後的圖形將根據點選的密集程度分成不同的顏色區域，點選越密集的地方顏色將越鮮豔，相反點選稀疏的地方顏色相應的要淡一些，最後轉換後的圖片需要進行透明化的處理，這個主要為為了後續展現過程服務，我們最終是希望將這個生成的熱點圖直接置於產品展示位置之上，透明的效果可以非常清楚的看到背後對應的產品資訊
(3)、熱點圖的呈現
第三部分主要解決如何將伺服器端生成的點選熱點圖展示給網站決策者，這個過程是比較簡單的，可以結合新建層以及圖片透明化處理等手段來完成，這一步好了我們就可以得到大致效果圖，如下：
當然上圖是使用顏色的深淺來表示受關注的強弱，也可以使用點的密集程度以及百分比來進行標註，這方面crazy egg做的非常不錯，大家可以去感受下。
2、注意力熱點圖
注意力熱點圖是通過模擬人類看見物體前幾秒的視覺效果，同時使用一種預測一個真人最可能檢視物體的方式的演算法生成熱點圖，這個演算法綜合了幾種神經科學研究理論，包括特徵整合理論、顯著性研究、視覺注意理論，眼動追蹤, 人類感知和認知。
使用注意力熱點圖，設計師、廣告主、創作者可以通過分析影象吸引注意力的強弱來對這幅影象的效果進行預先測試，當然也可以用於跟蹤注意力轉移路線，視覺熱點圖一般由以下因素組成：
(1)、熱區：最感興趣的區域。
(2)、熱點排序：下一個感興趣的點以及何時興趣轉移到其上(毫秒級)。
(3)、視覺串聯：眼睛在熱點間運動情況。
(4)、被忽略的區域。
視覺關注度熱點圖不僅可以對圖片進行熱點和關注度分析，還可以對視訊進行分析，這個是點選熱點圖無法做到的，但對於分析的準確性點選熱點圖的準確性要高於視覺關注度熱點。
二、熱點圖的功能特點
從線下到線上，從單一到多樣，從展示到互動，從緩慢起步到爆炸發展。整個人類文明所獲得的全部資料中，有90%是在過去三年內所產生，這就是我們正在並且將持續依賴的線上世界，而面對我們視線不能觸達的遙遠彼端，我們需要一個助手來幫助自己收集、清洗和整理資料。
將使用者的一次次滑鼠點選還原，變成曲線、報告、視覺化熱圖等等多種多樣便於我們理解的資訊，讓我們看到使用者如何在網站中互動，在資料中找到問題、獲取機會，最大化優化使用者體驗、萃取推廣價值，像傳統服務那樣能夠面對面地把握使用者的'心思並作出正確的引導，不，我們甚至可以藉助更聰明的資料做得更好。
在這個新的資料時代，使用與之相匹配的工作方法，讓每一次訪問、每一次頁面瀏覽、每一次滑鼠點選產生非凡的價值，進行熱圖展示，真實反映使用者視野。
1、視覺化的使用者行為
您討厭一邊拿著受訪列表一邊往頁面元素上對照是不是?我們也討厭這樣。所以我們通過熱圖工具令使用者的每一次滑鼠點選、滾動、視野停留都轉作了資料化的色彩繪製出來。現在您不但可以一目瞭然看到使用者喜歡什麼?更可以方便地和設計部門的同事交流。
熱點圖可以直觀清楚地看到頁面上每一個區域的訪客興趣焦點，無須報告資料分析，圖形化展現，無需任何頁面分析經驗。
2、完美支援細分和對比
只是將所有的點選堆放在一起還遠遠不夠，細分永遠能夠告訴我們更多，新訪客和回訪客的行為意向是不同的，為什麼有些使用者能夠完成註冊而有些不能?細分可以給我們更多啟發。
3、有條有理的點選分佈圖
只看熱點和色彩還不夠，需要點選量的數值?不妨試試點選分佈圖，它能夠整整齊齊地為您顯示一個元素上的點選量數值。無論是連結、按鈕還是圖片、板塊，連同出站連結、搜尋框這樣傳統監測無法直接統計的元素也可以包含在內，甚至連平時隱藏滑鼠懸浮才會展開的元素也能捕捉到!
4、標記推廣營銷
準備投放廣告?在社交網路上釋出了訊息並且附上了通往網站的連結?準備進行郵件營銷?推薦您全部使用網址構建器給廣告等連結指向的著陸頁面貼上標記。經過了特殊的標記，這些和自然流量不同的入站來源能夠被特別區分出來，瞭解使用者的質量和訪問偏好，更進一步幫助您優化廣告的投放策略。
5、轉化漏斗
通過將您有意引導使用者依次訪問的頁面流程設定為，可以通過漏斗中積累的資料檢視有多少使用者按照您預期的引導不斷前行，有多少使用者中途放棄離開，找到漏斗中的洩露點迅速改善，挽留更多的使用者順利完成轉化(具體可檢視馬海祥部落格《怎麼用熱力圖分析網頁》的相關介紹)!
6、快速細分
拒絕繁瑣的細分操作成為尋求資料意義的障礙，定位細分目標，只需要幾次點選。直觀地尋找細分物件，一邊閱讀資料一邊快速鑽取發現機會和問題。快速細分不僅快速易用，還貫穿著整個報告體系，找到一個剖析點，可以帶著它穿行全部報告甚至熱圖，直到您獲取到最終的資訊。
7、轉化率與轉化價值
通過轉化，讓重要的使用者事件變得可以度量，我們不僅可以記錄對網站有益的轉化，如註冊、購買、索取資料，還建議您對意味著網站損失的使用者行為同樣予以衡量，如登出賬戶、取消訂閱、取消訂單等等。更加公正全面地衡量渠道和內容表現，當您發現一個渠道為您帶來了大量使用者訂單，但是使用者在完成某項行為後又大量取消訂單，您便需要進一步考慮推廣策略了。
