熱力圖的處理方法及系統(tǒng)的制作方法
【技術(shù)領(lǐng)域】
[0001] 本發(fā)明涉及熱力圖技術(shù)領(lǐng)域，更為具體地，涉及一種熱力圖的處理方法及系統(tǒng)。
【背景技術(shù)】
[0002] 熱力圖是一種以特殊高亮的形式顯示訪客熱衷的頁面區(qū)域的圖示。它可以直觀地 通過不同的顏色區(qū)塊呈現(xiàn)網(wǎng)頁訪問點擊密度數(shù)據(jù)的分布，并通過顏色的深淺表示訪問點擊 數(shù)量的多少。在網(wǎng)頁訪問統(tǒng)計數(shù)據(jù)處理過程中，可以通過分析用戶鼠標(biāo)的點擊量來獲取用 戶對每一個網(wǎng)頁欄目的點擊量、渠道來源、地理位置等，并通過對用戶點擊量的收錄、計算 并轉(zhuǎn)化為不同的顏色值，以熱力圖這種可視化的色彩圖直觀地反映用戶的點擊情況。
[0003] 由于針對頁面的點擊次數(shù)數(shù)據(jù)量很大，在對這些數(shù)據(jù)進(jìn)行存儲時會不可避免地占 用大量的存儲空間，為了節(jié)省數(shù)據(jù)存儲空間，目前主要是通過約簡方法對這些數(shù)據(jù)進(jìn)行壓 縮處理。常用的約簡方法如下所述：
[0004] 首先，確定約簡數(shù)據(jù)的最小包圍區(qū)域。其中，約簡數(shù)據(jù)的最小包圍區(qū)域指：包圍被 監(jiān)控的網(wǎng)頁頁面內(nèi)的所有熱力點（訪問點擊點）的最小矩形區(qū)域。通過從被約簡的點擊數(shù) 據(jù)坐標(biāo)求取其橫坐標(biāo)和縱坐標(biāo)的最小與最大值1_、7^、1_、7_，并以這些坐標(biāo)點作為矩形 的四個頂點，獲取被約簡數(shù)據(jù)的最小包圍區(qū)域。
[0005] 然后，使用數(shù)據(jù)歸并窗口對數(shù)據(jù)進(jìn)行歸并。使用M*M的正方形窗口切分約簡數(shù)據(jù) 的最小包圍區(qū)域，并歸并同一窗口中的熱力點，使各熱力點的坐標(biāo)值在歸并計算后統(tǒng)一成 相同的值并進(jìn)行存儲。
[0006] 上述根據(jù)約簡方法對熱力圖的點擊數(shù)據(jù)進(jìn)行壓縮主要存在如下問題：
[0007] (1)點擊位置存在誤差。由于被約簡后的熱力點為窗口中原始點位置的平均值，導(dǎo) 致被約簡后的熱力點位置存在一定的誤差。
[0008] (2)窗口分割熱力點存在誤差。由于歸并窗口的存在，可能使應(yīng)該合并到一個區(qū) 域中的熱力點被分別劃分到不同的數(shù)據(jù)歸并窗口中，使得原位于同于DOM元素中的熱力點 被分割。
[0009] 例如，對于網(wǎng)頁上的同一個點擊按鈕的所有熱力點，被分割在多個不同的歸并窗 口中，分割后的熱力點就不在同一個DOM元素上，在該按鈕點擊量較大的情況下，不能有效 地提供較為直觀的參考數(shù)據(jù)，進(jìn)而對熱力圖的分析帶來不便。圖1示出了現(xiàn)有熱力圖的歸 并窗口分割示意結(jié)構(gòu)，如圖1所示，本應(yīng)合并至橢圓形區(qū)域內(nèi)的熱力點，被分割至兩個不同 的數(shù)據(jù)歸并窗口中。
[0010] ⑶數(shù)據(jù)歸并窗口大小的選取存在困難。數(shù)據(jù)歸并窗口的尺寸取值過大，熱力點歸 并后的誤差就會變大；相反，如果尺寸取值過小，熱力點數(shù)據(jù)量的約簡效果就會變差，選取 合適的數(shù)據(jù)歸并窗口大小比較困難。

【發(fā)明內(nèi)容】

[0011] 鑒于上述問題，本發(fā)明的目的是提供一種熱力圖的處理方法及系統(tǒng)，以解決現(xiàn)有 技術(shù)中熱力圖數(shù)據(jù)存儲占用空間大、存儲存在誤差等問題。
[0012] 根據(jù)本發(fā)明的一個方面，提供一種熱力圖的處理方法，包括將網(wǎng)頁頁面分割形成 多個頁面子區(qū)域，并對各頁面子區(qū)域上的點擊分布數(shù)據(jù)進(jìn)行曲面擬合，形成與各頁面子區(qū) 域?qū)?yīng)的子曲面；將各子曲面進(jìn)行合并，獲取與頁面對應(yīng)的擬合曲面；將與頁面對應(yīng)的擬 合曲面的Z軸坐標(biāo)值映射為對應(yīng)的顏色，獲取與頁面對應(yīng)的熱力圖。
[0013] 其中，還包括：在形成與各頁面子區(qū)域?qū)?yīng)的子曲面后，對各子曲面進(jìn)行反解算， 獲取各子曲面的曲面控制點并進(jìn)行保存；根據(jù)所保存的曲面控制點獲取熱力圖時，對所保 存的各子曲面的曲面控制點進(jìn)行正解算，獲取各子曲面，并通過將各子曲面進(jìn)行合并，獲取 與頁面對應(yīng)的擬合曲面，進(jìn)而獲取與網(wǎng)頁對應(yīng)的熱力圖。
[0014] 其中，獲取與頁面對應(yīng)的擬合曲面后，將指定時間段內(nèi)的所有擬合曲面進(jìn)行合并， 獲取該時間段內(nèi)的總的擬合曲面，進(jìn)而獲取指定時間段內(nèi)的熱力圖。
[0015] 其中，在對各子曲面進(jìn)行反解算的過程中，所采用的反解算方法包括均勻參數(shù)化 法、向心參數(shù)化法、積累弦長參數(shù)化法、福利參數(shù)化法。
[0016] 其中，子曲面和擬合曲面均為貝塞爾曲面。
[0017] 根據(jù)本發(fā)明的另一方面，提供一種熱力圖的處理系統(tǒng)，包括子曲面形成單元，用于 將網(wǎng)頁頁面分割形成多個頁面子區(qū)域，并對各頁面子區(qū)域上的點擊分布數(shù)據(jù)進(jìn)行曲面擬 合，形成與各頁面子區(qū)域?qū)?yīng)的子曲面；擬合曲面形成單元，用于將各子曲面進(jìn)行合并，獲 取與頁面對應(yīng)的擬合曲面；熱力圖直接形成單元，用于將與頁面對應(yīng)的擬合曲面的Z軸坐 標(biāo)值映射為對應(yīng)的顏色，獲取與頁面對應(yīng)的熱力圖。
[0018] 利用上述根據(jù)本發(fā)明的熱力圖的處理方法及系統(tǒng)，可以將網(wǎng)頁熱力圖轉(zhuǎn)換為相應(yīng) 的擬合曲面，通過存儲曲面控制點的方式，間接地存儲網(wǎng)頁熱力圖數(shù)據(jù)，能夠在降低熱力圖 數(shù)據(jù)存儲空間的同時，提高熱力圖的顯示精度及顯示速度。
[0019] 為了實現(xiàn)上述以及相關(guān)目的，本發(fā)明的一個或多個方面包括后面將詳細(xì)說明并在 權(quán)利要求中特別指出的特征。下面的說明以及附圖詳細(xì)說明了本發(fā)明的某些示例性方面。 然而，這些方面指示的僅僅是可使用本發(fā)明的原理的各種方式中的一些方式。此外，本發(fā)明 旨在包括所有這些方面以及它們的等同物。
【附圖說明】
[0020] 通過參考以下結(jié)合附圖的說明及權(quán)利要求書的內(nèi)容，并且隨著對本發(fā)明的更全面 理解，本發(fā)明的其它目的及結(jié)果將更加明白及易于理解。在附圖中：
[0021] 圖1為現(xiàn)有熱力圖的歸并窗口分割示意圖；
[0022] 圖2為根據(jù)本發(fā)明實施例的熱力圖的處理方法的流程圖；
[0023] 圖3為根據(jù)本發(fā)明實施例的熱力圖的處理方法的示例流程圖；
[0024] 圖4為根據(jù)本發(fā)明實施例的貝塞爾曲面示意圖；以及
[0025] 圖5為根據(jù)本發(fā)明實施例的熱力圖的處理系統(tǒng)的方框示意圖。
[0026] 在所有附圖中相同的標(biāo)號指示相似或相應(yīng)的特征或功能。
【具體實施方式】
[0027] 在下面的描述中，出于說明的目的，為了提供對一個或多個實施例的全面理解，闡 述了許多具體細(xì)節(jié)。然而，很明顯，也可以在沒有這些具體細(xì)節(jié)的情況下實現(xiàn)這些實施例。
[0028] 針對上述網(wǎng)頁熱力圖的存儲占用空間大、存儲精度低、顯示速度慢等問題，本發(fā)明 通過將網(wǎng)頁熱力圖轉(zhuǎn)換為曲面，通過存儲曲面的控制點，間接地存儲熱力圖數(shù)據(jù)，在查看熱 力圖時，通過讀取該網(wǎng)頁熱力圖的曲面控制點，正解出對應(yīng)的擬合曲面，進(jìn)而獲取最終的與 網(wǎng)頁對應(yīng)的熱力圖，達(dá)到降低熱力圖的存儲空間、提高其顯示精度和顯示速度的目的。
[0029] 為了詳細(xì)的表述本發(fā)明提供的熱力圖的處理方法及系統(tǒng)，以下將結(jié)合附圖對本發(fā) 明的具體實施例進(jìn)行詳細(xì)描述。
[0030] 圖2示出了根據(jù)本發(fā)明的熱力圖的處理方法的流程圖。
[0031] 如圖2所示，本發(fā)明提供的熱力圖的處理方法的流程包括：
[0032] S210 :將網(wǎng)頁頁面分割形成多個頁面子區(qū)域，并對各頁面子區(qū)域上的點擊分布數(shù) 據(jù)進(jìn)行曲面擬合，形成與各頁面子區(qū)域?qū)?yīng)的子曲面。
[0033] 具體地，統(tǒng)計用戶在網(wǎng)頁頁面上的點擊分布數(shù)據(jù)，為了降低處理的復(fù)雜度、提高熱 力圖的顯示精度，將頁面切分為多個大小相同的子區(qū)域，針對每一個子區(qū)域，處理其區(qū)域內(nèi) 的點擊分布數(shù)據(jù)。例如，在網(wǎng)頁頁面上選擇50*50的像素為一個子區(qū)域，則該子區(qū)域中每個 像素點的點擊次數(shù)就是該子區(qū)域的點擊分布數(shù)據(jù)。
[0034] 在對網(wǎng)頁頁面進(jìn)行切分之后，對各頁面子區(qū)域上的點擊分布數(shù)據(jù)進(jìn)行曲面擬合， 形成與各頁面子區(qū)域?qū)?yīng)的子曲面。也就是說，每個子區(qū)域均可用一個覆蓋該子區(qū)域的曲 面進(jìn)行擬合，網(wǎng)頁上點擊次數(shù)越多的位置對應(yīng)的曲面的Z軸坐標(biāo)值越大，即曲面的高度越 高，由于用戶的點擊是隨機生成的，該曲面可作為連續(xù)曲面進(jìn)行處理。
[0035] 該步驟中，通過將網(wǎng)頁頁面分割形成多個頁面子區(qū)域，針對每一個頁面子區(qū)域進(jìn) 行曲面擬合處理，能夠降低計算復(fù)雜度，提高后期熱力圖的顯示精度，為網(wǎng)頁優(yōu)化及網(wǎng)頁排 版提供更為準(zhǔn)確及直觀的參考數(shù)據(jù)。
[0036] S220 :將各子曲面進(jìn)行合并，獲取與頁面對應(yīng)的擬合曲面。
[0037] 具體地，將與各子區(qū)域?qū)?yīng)的子曲面進(jìn)行合并，獲取與網(wǎng)頁對應(yīng)的擬合曲面，即該 網(wǎng)頁上的所有的子曲面合并形成的總的曲面，其中，擬合曲面是與頁面相對應(yīng)的。
[0038] S230 :將與頁面對應(yīng)的擬合曲面的Z軸坐標(biāo)值映射為對應(yīng)的顏色，獲取與頁面對 應(yīng)的熱力圖。
[0039] 具體地，在獲取最終的擬合曲面后，使用顏色的深淺變化表示擬合曲面z軸坐標(biāo) 的高度，即可獲取與該網(wǎng)頁對應(yīng)的熱力圖。
[0040] 需要說明的是，為了方便地對熱力圖數(shù)據(jù)進(jìn)行存取，減少存儲空間，本發(fā)明提供的 熱力圖的處理方法，還可以包括：
[0041] 在形成與各頁面子區(qū)域?qū)?yīng)的子曲面后，對各子曲面進(jìn)行反解算，獲取各子曲面 的曲面控制點并進(jìn)行保存。
[0042] 具體地，獲取與各頁面子區(qū)域?qū)?yīng)的子曲面后，對各子曲面進(jìn)行反解算，獲取與各 子曲面對應(yīng)的曲面控制點并進(jìn)行存儲，保存所有曲面控制點的坐標(biāo)，以便對熱力圖的有效 數(shù)據(jù)進(jìn)行存儲，并能夠根據(jù)這些曲面控制點數(shù)據(jù)獲取最終的擬合曲面及網(wǎng)頁熱力圖。其中， 所采用的反解算方法包括均勻參數(shù)化法、向心參數(shù)化法、積累弦長參數(shù)化法和福利參數(shù)化 法等。
[0043] 需要說明的是，在對獲取的曲面控制點進(jìn)行存儲的過程中，可將曲面控制點存儲 至數(shù)據(jù)庫或其它能夠保存數(shù)據(jù)的地方。本發(fā)