熱力圖

如何使用熱力圖？

首先我們強烈建議妳在Chrome瀏覽器下查看熱力圖。百夫長統計的熱力圖不僅提供直觀點擊熱圖，還提供豐富的數據過濾功能，接下來我們就具體了解壹下百夫長統計的熱力圖由哪些功能。

A. 數據篩選和快捷鍵功能

a. 百夫長統計提供10種數據篩選結果供用戶選擇，妳可以選擇快捷鍵0~9或者點擊控制面板按鈕來回切換，篩選數據如下：

  1. 只顯示包含href屬性的元素的點擊數據。（快捷鍵1）
  2. 只顯示包含onclick事件的元素的點擊數據。（快捷鍵2）
  3. 只顯示通過點擊具有Submit屬性的提交按鈕的點擊數據。（快捷鍵3）
  4. 只顯示通過按Enter鍵提交表單的點擊數據，按Enter鍵其實是不會有點擊數據的，所以我們將Enter鍵模擬成點擊數據，以便更直觀的顯示表單提交情況。點擊位置也將落在提交表單前最後壹個Input元素上。（快捷鍵4）
  5. 顯示所有表單提交的點擊數據，包含Submit按鈕提交的點擊數據和Enter鍵提交的模擬點擊數據。（快捷鍵5）
  6. 只顯示視頻元素的點擊數據。（快捷鍵6）
  7. 只顯示iframe元素的點擊數據，壹般用於查看頁面廣告聯盟的廣告點擊數據，但是該數據並不100%準確，只作為參考數據。（快捷鍵7）
  8. 只顯示無效點擊的點擊數據，無效點擊是指點擊元素既不包含href屬性，又不包含onclick事件，無頁面行為的點擊。（快捷鍵8）
  9. 只顯示無法識別的點擊數據，有些頁面元素可能臨時被改動了，或者網頁在移動端和PC端的布局不壹致，比如2套模板的頁面，或者非響應式的頁面，那麽這些元素的點擊會導致無法定位，這種情況下我們只能通過訪客當時的點擊的絕對位置來定位，此數據僅供參考。（快捷鍵9）
  10. 顯示所有點擊數據。（快捷鍵0）


b. 以上數據是按元素的屬性和事件來區分和篩選的數據，僅此還無法完全滿足我們對數據篩選的要求，所以我們加入了另外9個篩選開關疊加使用，確保數據符合您的苛刻要求。篩選開關如下：

  1. 無效點擊過濾開關，過濾無效點擊數據。（默認開啟過濾，快捷鍵Q，或控制面板按鈕）
  2. 隱藏點擊過濾開關，什麽是隱藏點擊？有些頁面元素是通過腳本或者CSS動態顯示的，比如菜單和彈出層。如何查看它們的準確點擊位置呢？將熱力圖切換至層視圖模式，移動鼠標至菜單或點擊彈出層，然後按Shift鍵刷新數據即可。為了不影響正常點擊數據的顯示，我們默認開啟過濾。（默認開啟過濾，快捷鍵W，或控制面板按鈕）
  3. 重復點擊過濾開關，過濾重復點擊數據，什麽是重復點擊？重復點擊是指訪客連續點擊某個頁面元素2次以上的點擊，包括雙擊。過濾之後顯示的數據就是獨立訪客唯壹點擊數據。（默認開啟過濾，快捷鍵E，或控制面板按鈕）
  4. 無法識別點擊過濾開關，過濾無法識別的點擊數據。（默認開啟過濾，快捷鍵R，或控制面板按鈕）
  5. 時段數據選擇器，通過設置起始時間和結束時間，顯示選擇時段內的點擊數據。（默認時段 00:00 - 23:59，控制面板按鈕）
  6. 數據匹配模式切換開關。分別為精確模式和兼容模式，它們有什麽作用？比如妳的單個頁面包含多種語言，當妳切換語言時頁面顯示的文字會改變，但是頁面布局和結構是不變的，當采用兼容模式時我們可以不考慮頁面文字變化帶來的影響，可以顯示全部語言的點擊數據。當然大部頁面不是這種設計，但是我們還是建議妳采用兼容模式。（默認兼容模式，快捷鍵T，或控制面板按鈕）
  7. PC設備點擊數據顯示開關，通過此開關可以過濾PC設備的點擊數據。（默認開啟顯示，快捷鍵A鍵，或控制面板按鈕）
  8. 移動設備點擊數據顯示開關，通過此開關可以過濾移動設備的點擊數據。（默認開啟顯示，快捷鍵S鍵，或控制面板按鈕）
  9. 平板設備點擊數據顯示開關，通過此開關可以過濾平板設備的點擊數據。（默認開啟顯示，快捷鍵D鍵，或控制面板按鈕）


c. 除了以上數據篩選功能外，我們還提供以下4個輔助功能來更好的呈現數據視圖：

  1. 通過上調區域點擊密度基數，重新渲染熱圖色深方式來展現頁面的高熱點區域。（快捷鍵+鍵，或控制面板按鈕）
  2. 通過下調區域點擊密度基數，重新渲染熱圖色深方式來展現頁面的低熱點區域。（快捷鍵-鍵，或控制面板按鈕）
  3. 在異步數據加載完成後手動刷新數據和熱力圖。（快捷鍵Shift鍵，或控制面板按鈕）
  4. 在層視圖模式下查看當前元素的父級元素的點擊數據。（快捷鍵Ctrl鍵）


d. 百夫長統計的3個功能快捷鍵：

  1. 關閉熱力圖模式。（快捷鍵Delete鍵，或控制面板按鈕）
  2. 面板窗口控制按鈕。該按鈕有2個功能：1. 控制面板窗口在最小化和最大化之間切換，2. 拖動控制面板位置。（快捷鍵ESC鍵，或面板窗口控制按鈕）
  3. 顯示鍵盤快捷鍵的提示。（快捷鍵F2鍵）
  4. 訪問獲取更多幫助頁面（快捷鍵H鍵）

e. 註意：百夫長統計不同於其他統計分析工具熱力圖的壹個非常有用的功能，壹旦百夫長統計打開熱力圖，瀏覽器便會記住當前熱力圖模式，這樣的好處是當妳想要查看當前頁面中其他鏈接頁面的熱力圖時，妳可以直接打開並查看，不需要回到百夫長後臺重新打開鏈接。具體怎麽操作呢？按快捷鍵Tab鍵或者控制面板按鈕進入層視圖模式，點擊妳需要查看的鏈接頁面即可，是不是很方便？

至此百夫長統計的熱力圖基本已經可以滿足大部分需求了，我們默認的設置是顯示頁面所有的有效點擊、表單點擊、視頻video元素點擊和iframe元素點擊，其他點擊統統過濾掉。當然妳也可以通過多種組合來實現妳想要的結果，百夫長統計將來要做的還有通過來源渠道、關鍵詞等維度來篩選數據，大家盡請期待！

B. 視圖模式

百夫長統計熱力圖提供二種數據視圖模式:

  1. 熱力圖模式（默認）
  2. 層視圖模式

妳可以使用快捷鍵Tab鍵在熱力圖模式和層視圖模式之間切換，或者通過點擊控制面板的按鈕來切換。同時妳可以在熱力圖模式下用鼠標框選來查看選擇區域的點擊情況，或者在層視圖模式下按快捷鍵Ctrl鍵來查看父級元素內的點擊情況。效果如下：

熱力圖模式（默認）
層視圖模式