立體熱力圖的處理方法及裝置制造方法
【專利摘要】本發明公開了一種立體熱力圖的處理方法及裝置。其中,該方法包括:獲取網頁頁面的平面熱力圖的數據,平面熱力圖的數據包括網頁頁面的點擊數據;基于點擊獲取層建立三維坐標系,獲取軸測圖;將平面熱力圖的數據顯示在軸測圖上,獲取立體熱力圖;使用預定數目的基準面水平分割立體熱力圖,獲取立體熱力圖的多個平面熱力圖切面。通過本發明,能夠實現可以直觀顯示大數據的數量級的基礎上,可以精確閱讀立體熱力圖,通過切片和相對應的預期目標做匹配,從而對實際活動效果進行判定。
【專利說明】立體熱力圖的處理方法及裝置
【技術領域】
[0001]本發明涉及計算機互聯網領域,具體而言,涉及一種立體熱力圖的處理方法及裝置。
【背景技術】
[0002]現有的熱力圖通過抓取用戶鼠標的點擊量來獲取用戶對每一個網頁欄目的點擊量、渠道來源、地理位置等,推導用戶習慣,熱力圖通過對用戶點擊量的收錄、計算并轉化為不同的顏色值,以可視化的色彩圖直觀的反映用戶的點擊情況。并通過圈選熱力圖的位置,從而查看固定區域的用戶點擊數,用戶來源比等細分數據。
[0003]為了實現熱力圖,現有技術可以首先針對每一張頁面設計了一個id號,對頁面的位置進行鼠標位置點擊的抓取,將鼠標的點擊數值轉化為顏色,鼠標的點擊的多少對應的是所設計的顏色等級,從而形成一張可視化程度較高的色彩圖譜,通過色彩圖譜直接反應一個網站的各個部分的內容的使用情況。其中熱力圖點擊數量向顏色的轉化,通過對顏色的直觀閱讀從而獲得用戶頁面行為的可見識別。由于點擊數量向顏色的轉化使得熱力圖的圖譜流失了一定的精確性。我們此時對一張熱力圖的閱讀更加偏向于模糊閱讀。對于熱力圖反映的相關節目的了解也是偏向于點的了解,并沒有對整張熱力圖的內容有一個全部的深入了解,這也是單張平面熱力圖的局限性。
[0004]目前針對相關技術的熱力圖無法直觀反映大數據的數量級,細分范圍的數量,以及相關數量下對應的欄目的收集和對比中都是人力查找過程,并沒有更好的觀測角度和觀測方式,這就使得觀測變得模糊和不精確,無法精確分析點擊量的問題,目前尚未提出有效的解決方案。
【發明內容】
[0005]針對相關技術的熱力圖無法直觀反映大數據的數量級,且無法精確閱讀點擊量的問題,目前尚未提出有效的解決方案,為此,本發明的主要目的在于提供一種立體熱力圖的處理方法及裝置,以解決上述問題。
[0006]為了實現上述目的,根據本發明的一個方面,提供了一種立體熱力圖的處理方法,該方法包括:獲取網頁頁面的平面熱力圖的數據,平面熱力圖的數據包括網頁頁面的點擊數據;基于點擊獲取層建立三維坐標系,獲取軸測圖;將平面熱力圖的數據顯示在軸測圖上,獲取立體熱力圖;使用預定數目的基準面水平分割立體熱力圖,獲取立體熱力圖的多個平面熱力圖切面。
[0007]為了實現上述目的,根據本發明的另一方面,提供了一種立體熱力圖的處理裝置,該裝置包括:獲取模塊,用于獲取網頁頁面的平面熱力圖的數據,平面熱力圖的數據包括網頁頁面的點擊數據;建立模塊,用于基于點擊獲取層建立三維坐標系,獲取軸測圖;處理模塊,用于將平面熱力圖的數據顯示在軸測圖上,獲取立體熱力圖;分割熱力圖獲取模塊,用于使用預定數目的基準面水平分割立體熱力圖,獲取立體熱力圖的多個平面熱力圖切面。
[0008]通過本發明,采用獲取網頁頁面的平面熱力圖的數據,平面熱力圖的數據包括網頁頁面的點擊數據;基于點擊獲取層建立三維坐標系,獲取軸測圖;將平面熱力圖的數據顯示在軸測圖上,獲取立體熱力圖;使用預定數目的基準面水平分割立體熱力圖,獲取立體熱力圖的多個平面熱力圖切面,解決了相關技術的熱力圖無法直觀反映大數據的數量級,且無法精確閱讀點擊量的問題,進而實現可以直觀顯示大數據的數量級的基礎上,可以精確閱讀熱力圖的效果,通過切片和相對應的預期目標做匹配,從而對實際活動效果進行判定。
【專利附圖】
【附圖說明】
[0009]此處所說明的附圖用來提供對本發明的進一步理解,構成本申請的一部分,本發明的示意性實施例及其說明用于解釋本發明,并不構成對本發明的不當限定。在附圖中:
[0010]圖1是根據本發明實施例的立體熱力圖的處理方法的流程示意圖;
[0011]圖2是根據本發明圖1所示實施例的立體熱力圖的顯示示意圖;
[0012]圖3是對本發明圖2所示立體熱力圖的多次分割處理后的顯示示意圖;
[0013]圖4是是根據本發明圖1所示實施例的旋轉觀測的狀態示意圖;以及
[0014]圖5是根據本發明實施例的立體熱力圖的處理裝置的結構示意圖。
【具體實施方式】
[0015]需要說明的是,在不沖突的情況下,本申請中的實施例及實施例中的特征可以相互組合。下面將參考附圖并結合實施例來詳細說明本發明。
[0016]在其最基本的配置中,圖1是根據本發明實施例的立體熱力圖的處理方法的流程示意圖。如圖1所示,該方法包括如下步驟:
[0017]步驟S10,獲取網頁頁面的平面熱力圖的數據,平面熱力圖的數據包括網頁頁面的點擊數據。
[0018]步驟S30,基于點擊獲取層建立三維坐標系,獲取軸測圖。
[0019]步驟S50,將平面熱力圖的數據顯示在軸測圖上,獲取立體熱力圖。
[0020]步驟S70,使用預定數目的基準面水平分割立體熱力圖,獲取立體熱力圖的多個平面熱力圖切面。
[0021]本申請上述實施例實現了,在獲取到網頁的平面熱力圖,以及平面熱力圖上顯示的網頁頁面的點擊數據之后,通過創建三維結構的軸測圖,將平面熱力圖上顯示的點擊數據導入到對應的軸測圖上,從而使得原來平面顯示的熱力圖以立體熱力圖的形式進行顯示,并采用多張基準面對已經生成的立體熱力圖進行多次分割,優選采用均分方式。由此上述方案形成了一次數量級的均分和對欄目內容的篩選。此時將熱力圖的所有切片同時展開就能夠非常精確的對整張網頁進行一個細致的欄目閱讀和分析。通過本實施例,可以在實現更加直觀、優化的網頁頁面點擊數據的基礎上,有針對性的精確顯示立體熱力圖的效果圖。解決了相關技術的熱力圖無法直觀反映大數據的數量級,且無法精確閱讀點擊量的問題,進而實現可以直觀顯示大數據的數量級的基礎上,可以精確閱讀熱力圖的效果。
[0022]由此可知,如圖2和3所示,本申請上述實施例中,步驟S70實現了使用預定數目的基準面水平分割如圖2所示的立體熱力圖,獲取如圖3所示的立體熱力圖的多個平面熱力圖切面。具體的,上述實施例提供的立體熱力圖的處理方案開拓了一種新的數據觀察方法和用戶理解、讀取數據的方法,將在立體熱力圖上開拓新的閱讀方式,操作交互方式,這些將是以立體熱力圖為基礎的設計和技術創新,希望對熱力圖和其功能延展性的創新加以保護。同時也包含了基于熱力圖的數據篩選和欄目篩選方式。
[0023]具體的,本申請上述實施例中的基準面是指測量學上所說之基準面,是指平均海水面而言,平均海水面是測量陸地高程與海洋深度之起算點,須由特設之驗潮站經過多年之觀測始可采用。此處的基準面是沿用了海平面的表現形式,同時再起基礎上做了虛擬的概念的拓展。作為一個衡量標準。
[0024]軸測圖是一種單面投影圖,在一個投影面上能同時反映出物體三個坐標面的形狀,并接近于人們的視覺習慣,形象、逼真,富有立體感。本實施例可以采用軸測圖作為用戶進行進一步改進網頁頁面布局的輔助圖樣,來設計更符合用戶點擊習慣的網頁布局結構,在設計中,使用軸測圖可以幫助構思、想象物體的形狀,以彌補正投影圖的平面熱力圖不直觀的不足。
[0025]優選地,本申請上述實施例中,步驟S30基于點擊獲取層建立三維坐標系,獲取軸測圖的步驟可以通過如下方式實現:設置點擊獲取層的平面橫向坐標為X坐標,平面縱向坐標為I坐標,垂直于點擊獲取層平面的坐標為Z坐標,生成三維坐標系,且三維坐標系默認軸向為45度。
[0026]具體的,本申請上述實施例通過將鼠標點擊的點擊獲取層的橫向坐標作為X軸,縱向坐標為y軸,以鼠標的點擊量為縱軸Z軸,建立立體坐標系。X軸,y軸,Z軸,其中,X、y軸分別對應的是網頁的橫向和縱向,z軸表示的是點擊的數量,每點擊一次的單位為可以為1,坐標系默認為軸向45°,即軸測圖,此時形成立體的圖形,宏觀的表現點擊的數量級,為了更加直觀的表現數量的細分,將顏色覆蓋在立體熱力圖上,從冷色區域到暖色區域,表示從小數量級到大數量級上。其中,數據庫中每個點擊位置對應累加后的點擊次數顯示在z軸。
[0027]優選地,本申請上書實施例中,在步驟S70使用預定數目的基準面水平分割立體熱力圖,獲取立體熱力圖的多個平面熱力圖切面之前,方法還可以包括如下實施步驟:
[0028]步驟S501,獲取z坐標軸上預設的多個基準值,基準值包括點擊數量。
[0029]步驟S502,以每個基準值為中心在平面進行延伸,生成多個基準面,其中,每個基準面平行于網頁頁面。
[0030]優選地,本申請上書實施例中,在步驟S70使用預定數目的基準面水平分割立體熱力圖,獲取立體熱力圖的多個平面熱力圖切面之后,方法還可以包括如下實施步驟:
[0031 ] 步驟S701,將立體熱力圖覆蓋在對應的網頁頁面上,其中,立體熱力圖的底面平行于對應的網頁頁面。
[0032]步驟S702,按照點擊數量的大小對每個基準面進行排序。
[0033]步驟S703,察看立體熱力圖的俯視圖,即獲取平面熱力圖的視角,讀取排序后的每個基準面對應的切片在對應的網頁頁面上的內容。
[0034]本申請上述實施例實現了,以立體熱力圖的z軸為標準,設定均分切片,從而對立體熱力圖進項一次等分的切割,從而形成等分的熱力圖切片。切片的個數是由用戶自定義的,切片的次數越多,分析的結果越精確,切片的次數越少,分析的結果相對模糊。并選用俯視圖來查看選者區域與網頁內容的對應。然后通過點擊數量級的大小對所有切片進行依次排序,就能夠快速對所有欄目的進行一次快書簡單的排序和精確分析。
[0035]優選地,在本申請上述各個實施例中,步驟SlO獲取網頁頁面的平面熱力圖的數據的步驟可以包括如下步驟:
[0036]步驟S101,在網頁頁面上創建點擊獲取層。
[0037]具體的,上述步驟中的點擊獲取層表示,在網頁上建立坐標系,收集用戶鼠標點擊數據的坐標,給當前的頁面內容設置一個id,當內容變化的時候,動態更新當前id,并將鼠標的點擊數據的坐標和其所對應的id號結合到一塊形成點擊數據,以適應后臺olap分析結構的形式發送給數據收集服務器,存入數據庫。將點擊數據與系統收集到的相關聯的數據整合到一起,使點擊數據和最總的購買等kpi數據聯系到一塊。這一層數據可以和顏色做對應,從而自動形成平面熱力圖。
[0038]步驟S102,在網頁頁面發生點擊操作之后,記錄點擊獲取層獲取到點擊數據,點擊數據包括:點擊位置和每個點擊位置的點擊次數,以及點擊行為后相關聯的事件,以及點擊行為后相關聯的事件。具體的,用戶在可以使用鼠標點擊網頁頁面之后,由點擊獲取層來獲取點擊數據。
[0039]步驟S103,按照點擊位置的點擊次數確定該點擊位置的顯示顏色。
[0040]本申請上述各個步驟實現了方案,首先對每一個網頁頁面設置對應各個網頁的id標識信息,對網頁進行編號。從而使得在網頁頁面發生變化時,可以動態更新當前的網頁標識ID,將當前鼠標點擊網頁頁面生成的點擊位置坐標及點擊次數和其所對應的網頁頁面的ID號結合后得到點擊數據,并保存在后臺數據庫中。接著,在建立網頁頁面的鼠標點擊的點擊獲取層上記錄鼠標的點擊數據。鼠標點擊的點擊獲取層可以覆蓋整個頁面屏幕大小,不做邊界限制。
[0041]優選地,上述實施例中,記錄鼠標的點擊位置的過程中,每點擊一次則該位置的點擊數目記錄為1,依次累加得到該點擊位置的點擊次數。最終將得到的每個點擊位置坐標及其點擊次數保存至數據庫。
[0042]本申請上述實施例中,在步驟S50將平面熱力圖的數據顯示在軸測圖上,獲取立體熱力圖之前,方法還可以包括如下實施步驟:
[0043]步驟S301,獲取預先設置的時間閾值。
[0044]步驟S302,讀取時間閾值之內記錄的平面熱力圖對應的網頁的數據。
[0045]步驟S303,并在將平面熱力圖的數據顯示在軸測圖上,具體的,上述軸測圖可以擁有兩種形式的最佳角度,一個是正軸測圖,X、1、Z之間均為120度;第二為斜軸測圖,z、X之間的夾角為90度,其他為135度,都能獲得理想的立體熱力圖觀測角度,每當用戶在頁面上點擊一次的時候,就記錄用戶點擊的位子和位子的點擊次數,然后對應在立體坐標系中,X,y軸的對應的位子不變,將對應點的數量在z軸上顯示,一個點擊量記錄為數量點擊量I。其中,在獲取立體熱力圖之后,按照色環中的顏色順序設置立體熱力圖的顯示顏色。該步驟中顯示顏色為系統為軸測圖z軸上每個點擊次數設置的顏色值,可以首先讀取色環中顏色所對應的立體熱力圖的數據(例如點擊數量),并將當前顏色顯示在立體熱力圖上該數據對應的位置。[0046]具體的,上述實施例實現了設立時間段,并描繪在時間段中的立體熱力圖。其中,色環是指在彩色光譜中所見的長條形的色彩序列。上述色環表示在電腦的成色技術上是以RGB為標準的顏色基礎上,red (紅),green (綠),blue (藍)是三個基本顏色,紅色是極暖的顏色,顏色由于反射被人們所觀看,所以形成cmy的反色顏色的系列標準,cyan (青)、magenta (品紅)、yellow (黃),其中青是極冷色。將極冷色和極暖色做收尾,將首尾連接在一起,在色環上經歷的半個色環作為顏色標準,需跨越冷色區域和暖色區域。
[0047]上述方案中設立的顏色值,選取色環上的冷極色藍色為作為最低值,選取半個色環(同樣也可以選擇兩半邊的色環作顏色標準,來對應相關的數值)。按照藍,綠,黃,橙的顏色順序,設定色彩變化的增量,對立體熱力圖進行著色。其中,冷極和暖極指的顏色給人的色彩感受,這些色彩感受偏向于人對色彩的冷暖。冷極為純藍色,暖極為紅色和黃色的同等混合,得到的橙色。
[0048]本申請上述實施例中,在步驟S50將平面熱力圖的數據顯示在軸測圖上,獲取立體熱力圖之后,方法還可以包括如下實施步驟:步驟S501,以立體熱力圖的軸測圖的z軸為準,以半球旋轉的形式顯示立體熱力圖。
[0049]具體的,如圖4所示,上述方案實現了半球型旋轉功能的設定,即為熱力圖設定半球旋轉,不顯示熱力圖底部。通過角度旋轉觀看,可以通過高度和顏色對不同的點擊量形成一個清晰的宏觀概念上對比。從而保證用戶視覺空間是在熱力圖的“山峰”上,從能夠多角度擁有較好的觀測效果。這樣熱力圖將會有頂視角度,頂視效果將等同于平面熱力圖。
[0050]由上可知,本申請上述實施例可以實現將平面的熱力圖轉化為立體熱力圖,以頁面的橫邊為X軸,縱向為Y軸,以鼠標的點擊數量為Z軸,搭建立體熱力圖的坐標系,通過點擊位置的數量描繪出感官性更加強烈的立體熱力圖。同時不同的數量級對應不同的顏色,對立體熱力圖進行分等級著色,從而形成色階立體熱力圖。在立體坐標的系的Z軸上設定均分基準面,平均切割整張熱力圖,同時已經形成了一次數量級的均分和對欄目內容的篩選。此時將熱力圖的所有切片同時展開并且平面化,就能夠非常精確的對整張網頁進行一個細致的欄目閱讀和分析。
[0051]需要說明的是,在附圖的流程圖示出的步驟可以在諸如一組計算機可執行指令的計算機系統中執行,并且,雖然在流程圖中示出了邏輯順序,但是在某些情況下,可以以不同于此處的順序執行所示出或描述的步驟。
[0052]實施例二:
[0053]在描述本申請的各實施例的進一步細節的過程中,將參考圖5來描述可用于實現本申請的原理的一個合適的計算體系結構。在以下描述中,除非另外指明,否則將參考由一個或多個計算機執行的動作和操作的符號表示來描述本申請的各實施例。由此,可以理解,有時被稱為計算機執行的這類動作和操作包括計算機的處理單元對以結構化形式表示數據的電信號的操縱。這一操縱轉換了數據或在計算機的存儲器系統中的位置上維護它,這以本領域的技術人員都理解的方式重配置或改變了計算機的操作。維護數據的數據結構是具有數據的格式所定義的特定屬性的存儲器的物理位置。然而,盡管在上述上下文中描述本申請,但它并不意味著限制性的,如本領域的技術人員所理解的,后文所描述的動作和操作的各方面也可用硬件來實現。
[0054]轉向附圖,其中相同的參考標號指代相同的元素,本申請的原理被示為在一個合適的計算環境中實現。以下描述基于所述的本申請的實施例,并且不應認為是關于此處未明確描述的替換實施例而限制本申請。
[0055]圖5示出了可用于這些設備的一個示例計算機體系結構的示意圖。出于描述的目的,所繪的體系結構僅為合適環境的一個示例,并非對本申請的使用范圍或功能提出任何局限。也不應將該計算系統解釋為對圖5所示的任一組件或其組合具有任何依賴或需求。
[0056]本申請的原理可以使用其它通用或專用計算或通信環境或配置來操作。適用于本申請的眾所周知的計算系統、環境和配置的示例包括但不限于,個人計算機、服務器,多處理器系統、基于微處理的系統、小型機、大型計算機、以及包括任一上述系統或設備的分布式計算環境。
[0057]圖5是根據本發明實施例的立體熱力圖的處理裝置的結構示意圖。如圖5所示,該立體熱力圖的處理裝置可以包括:獲取模塊102、建立模塊104、處理模塊106和分割熱力圖獲取模塊108。
[0058]其中,獲取模塊102,用于獲取網頁頁面的平面熱力圖的數據,平面熱力圖的數據包括網頁頁面的點擊數據;建立模塊104,用于基于點擊獲取層建立三維坐標系,獲取軸測圖;處理模塊106,用于將平面熱力圖的數據顯示在軸測圖上,獲取立體熱力圖;分割熱力圖獲取模塊108,用于使用預定數目的基準面水平分割立體熱力圖,獲取立體熱力圖的多個平面熱力圖切面。
[0059]本申請上述實施例實現了,在獲取到網頁的平面熱力圖,以及平面熱力圖上顯示的網頁頁面的點擊數據之后,通過創建三維結構的軸測圖,將平面熱力圖上顯示的點擊數據導入到對應的軸測圖上,從而使得原來平面顯示的熱力圖以立體熱力圖的形式進行顯示,并采用多張基準面對已經生成的立體熱力圖進行多次分割,優選采用均分方式。由此上述方案形成了一次數量級的均分和對欄目內容的篩選。此時將熱力圖的所有切片同時展開就能夠非常精確的對整張網頁進行一個細致的欄目閱讀和分析。通過本實施例,可以在實現更加直觀、優化的網頁頁面點擊數據的基礎上,有針對性的精確顯示立體熱力圖的效果圖。解決了相關技術的熱力圖無法直觀反映大數據的數量級,且無法精確閱讀點擊量的問題,進而實現可以直觀顯示大數據的數量級的基礎上,可以精確閱讀熱力圖的效果。
[0060]由此可知,如圖2和3所示,本申請上述實施例中,步驟S70實現了使用預定數目的基準面水平分割如圖2所示的立體熱力圖,獲取如圖3所示的立體熱力圖的多個平面熱力圖切面。具體的,上述實施例提供的立體熱力圖的處理方案開拓了一種新的數據觀察方法和用戶理解、讀取數據的方法,將在立體熱力圖上開拓新的閱讀方式,操作交互方式,這些將是以立體熱力圖為基礎的設計和技術創新,希望對熱力圖和其功能延展性的創新加以保護。同時也包含了基于熱力圖的數據篩選和欄目篩選方式。
[0061]具體的,本申請上述實施例中的基準面是指測量學上所說之基準面,是指平均海水面而言,平均海水面是測量陸地高程與海洋深度之起算點,須由特設之驗潮站經過多年之觀測始可采用。此處的基準面是沿用了海平面的表現形式,同時再起基礎上做了虛擬的概念的拓展。作為一個衡量標準。
[0062]軸測圖是一種單面投影圖,在一個投影面上能同時反映出物體三個坐標面的形狀,并接近于人們的視覺習慣,形象、逼真,富有立體感。本實施例可以采用軸測圖作為用戶進行進一步改進網頁頁面布局的輔助圖樣,來設計更符合用戶點擊習慣的網頁布局結構,在設計中,使用軸測圖可以幫助構思、想象物體的形狀,以彌補正投影圖的平面熱力圖不直觀的不足。
[0063]優選地,上述實施例中的建立模塊包括:設置模塊,用于設置點擊獲取層的平面橫向坐標為X坐標,平面縱向坐標為I坐標,垂直于點擊獲取層平面的坐標為z坐標,生成三維坐標系,且三維坐標系默認軸向為45度。
[0064]具體的,本申請上述實施例通過將鼠標點擊的點擊獲取層的橫向坐標作為X軸,縱向坐標為y軸,以鼠標的點擊量為縱軸z軸,建立立體坐標系。X軸,y軸,z軸,其中,X、y軸分別對應的是網頁的橫向和縱向,z軸表示的是點擊的數量,每點擊一次的單位為可以為1,坐標系默認為軸向45°,即軸測圖,此時形成立體的圖形,宏觀的表現點擊的數量級,為了更加直觀的表現數量的細分,將顏色覆蓋在立體熱力圖上,從冷色區域到暖色區域,表示從小數量級到大數量級上。其中,數據庫中每個點擊位置對應累加后的點擊次數顯示在z軸。
[0065]優選地,上述實施例中的裝置還可以包括:第一子獲取模塊,用于獲取z坐標軸上預設的多個基準值,基準值包括點擊數量;生成模塊,用于以每個基準值為中心在平面進行延伸,生成多個基準面,其中,每個基準面平行于網頁頁面。
[0066]優選地,上述實施例中的裝置還可以包括:覆蓋模塊,用于將立體熱力圖覆蓋在對應的網頁頁面上,其中,立體熱力圖的底面平行于對應的網頁頁面;排序模塊,用于按照點擊數量的大小對每個基準面進行排序;第一讀取模塊,用于察看立體熱力圖的俯視圖,讀取排序后的每個基準面在對應的網頁頁面上的內容。
[0067]本申請上述實施例實現了,以立體熱力圖的z軸為標準,設定均分切片,從而對立體熱力圖進項一次等分的切割,從而形成等分的熱力圖切片。切片的個數是由用戶自定義的,切片的次數越多,分析的結果越精確,切片的次數越少,分析的結果相對模糊。并選用俯視圖來查看選者區域與網頁內容的對應。然后通過點擊數量級的大小對所有切片進行依次排序,就能夠快速對所有欄目的進行一次快書簡單的排序和精確分析。
[0068]優選地,上述實施例中的獲取模塊102可以包括:創建模塊,用于在網頁頁面上創建點擊獲取層;記錄模塊,用于在網頁頁面發生點擊操作之后,記錄點擊獲取層獲取到點擊數據,點擊數據包括:點擊位置和每個點擊位置的點擊數量,以及點擊行為后相關聯的事件;確定模塊,用于按照點擊位置的點擊數量確定該點擊位置的顯示顏色。
[0069]優選地,上述實施例中的裝置還可以包括:第二子獲取模塊,用于獲取預先設置的時間閾值;第二讀取模塊,用于讀取時間閾值之內記錄的平面熱力圖對應的網頁的數據,其中,該數據不僅用于生成平面熱力圖,還可以用于形成本申請涉及到的立體熱力圖;子設置模塊,用于并在將平面熱力圖的數據顯示在軸測圖上,獲取立體熱力圖之后,方法還包括:按照色環中的顏色順序設置立體熱力圖的顯示顏色。可以首先讀取色環中顏色所對應的立體熱力圖的數據(例如點擊數量),并將當前顏色顯示在立體熱力圖上該數據對應的位置。
[0070]具體的,上述實施例實現了設立時間段,并描繪在時間段中的立體熱力圖。其中,色環是指在彩色光譜中所見的長條形的色彩序列,上述色環表示在電腦的成色技術上是以RGB為標準的顏色基礎上,red (紅),green (綠),blue (藍)是三個基本顏色,紅色是極暖的顏色,顏色由于反射被人們所觀看,所以形成cmy的反色顏色的系列標準,cyan (青)、magenta (品紅)、yellow (黃),其中青是極冷色。將極冷色和極暖色做收尾,將首尾連接在一起,在色環上經歷的半個色環作為顏色標準,需跨越冷色區域和暖色區域。
[0071]上述方案中設立的顏色值,選取色環上的冷極色藍色為作為最低值,選取半個色環(同樣也可以選擇兩半邊的色環作顏色標準,來對應相關的數值)。按照藍,綠,黃,橙的顏色順序,設定色彩變化的增量,對立體熱力圖進行著色。其中,冷極和暖極指的顏色給人的色彩感受,這些色彩感受偏向于人對色彩的冷暖。冷極為純藍色,暖極為紅色和黃色的同等混合,得到的橙色。
[0072]本申請上述各個裝置所實現的方案,首先對每一個網頁頁面設置對應各個網頁的id標識信息,對網頁進行編號。從而使得在網頁頁面發生變化時,可以動態更新當前的網頁標識ID,將當前鼠標點擊網頁頁面生成的點擊位置坐標及點擊次數和其所對應的網頁頁面的ID號結合后得到點擊數據,并保存在后臺數據庫中。接著,在建立網頁頁面的鼠標點擊的點擊獲取層上記錄鼠標的點擊數據。鼠標點擊的點擊獲取層可以覆蓋整個頁面屏幕大小,不做邊界限制。
[0073]優選地,上述實施例中的裝置還可以包括:旋轉顯示模塊,用于以立體熱力圖的軸測圖的z軸為準,以半球旋轉的形式顯示立體熱力圖。
[0074]具體的,上述方案實現了半球型旋轉功能的設定,即為熱力圖設定半球旋轉,不顯示熱力圖底部。通過角度旋轉觀看,可以通過高度和顏色對不同的點擊量形成一個清晰的宏觀概念上對比。從而保證用戶視覺空間是在熱力圖的“山峰”上,從能夠多角度擁有較好的觀測效果。這樣熱力圖將會有頂視角度,頂視效果將等同于平面熱力圖。
[0075]從以上的描述中,可以看出,本發明實現了如下技術效果:通過本實施例,可以在實現更加直觀、優化的網頁頁面點擊數據的基礎上,有針對性的精確顯示立體熱力圖的效果圖。解決了相關技術的熱力圖無法直觀反映大數據的數量級,且無法精確閱讀點擊量的問題,進而實現可以直觀顯示大數據的數量級的基礎上,可以精確閱讀熱力圖的效果。
[0076]另外還包括如下優勢:高度維度的增加設計,高對模擬點擊量的可視化方式優于顏色對點擊量的表現;顏色立體化設計,顏色除了面積的變化將會和立體空間結合起來,能夠更大程度的放大點擊量的范圍類比;半球型旋轉功能的設定,通過角度旋轉觀看,可以通過高度和顏色對不同的點擊量形成一個清晰的宏觀概念上對比;快速切片和網頁內容分類,并使切片和網頁內容做對應,機器自動化處理,減少了使用人員的監測壓力和增加了精確度,并確可以對整個網頁的策劃內容進行一個宏觀的查看,并于策劃期望有所對比,輔助判斷結果是否符合預期。
[0077]通過以上的實施方式的描述可知,本領域的技術人員可以清楚地了解到本申請可借助軟件加必需的通用硬件平臺的方式來實現。基于這樣的理解,本申請的技術方案本質上或者說對現有技術做出貢獻的部分可以以軟件產品的形式體現出來,該計算機軟件產品可以存儲在存儲介質中,如R0M/RAM、磁碟、光盤等,包括若干指令用以使得一臺計算機設備(可以是個人計算機,服務器,或者網絡設備等)執行本申請各個實施例或者實施例的某些部分的方法。
[0078]本說明書中的各個實施例均采用遞進的方式描述,各個實施例之間相同相似的部分互相參見即可,每個實施例重點說明的都是與其他實施例的不同之處。尤其,對于系統實施例而言,由于其基本相似于方法實施例,所以描述的比較簡單,相關之處參見方法實施例的部分說明即可。[0079]本申請可用于眾多通用或專用的計算系統環境或配置中。例如:個人計算機、服務器計算機、手持設備或便攜式設備、平板型設備、多處理器系統、基于微處理器的系統、置頂盒、可編程的消費電子設備、網絡PC、小型計算機、大型計算機、包括以上任何系統或設備的分布式計算環境等等。
[0080]顯然,本領域的技術人員應該明白,上述的本發明的各模塊或各步驟可以用通用的計算裝置來實現,它們可以集中在單個的計算裝置上,或者分布在多個計算裝置所組成的網絡上,可選地,它們可以用計算裝置可執行的程序代碼來實現,從而,可以將它們存儲在存儲裝置中由計算裝置來執行,或者將它們分別制作成各個集成電路模塊,或者將它們中的多個模塊或步驟制作成單個集成電路模塊來實現。這樣,本發明不限制于任何特定的硬件和軟件結合。
[0081]以上所述僅為本發明的優選實施例而已,并不用于限制本發明,對于本領域的技術人員來說,本發明可以有各種更改和變化。凡在本發明的精神和原則之內,所作的任何修改、等同替換、改進等,均應包含在本發明的保護范圍之內。
【權利要求】
1.一種立體熱力圖的處理方法,其特征在于,包括: 獲取所述網頁頁面的平面熱力圖的數據,所述平面熱力圖的數據包括網頁頁面的點擊數據; 基于所述點擊獲取層建立三維坐標系,獲取軸測圖; 將所述平面熱力圖的數據顯示在所述軸測圖上,獲取立體熱力圖; 使用預定數目的基準面水平分割所述立體熱力圖,獲取所述立體熱力圖的多個平面熱力圖切面。
2.根據權利要求1所述的方法,其特征在于,基于所述點擊獲取層建立三維坐標系,獲取軸測圖的步驟包括:設置所述點擊獲取層的平面橫向坐標為X坐標,平面縱向坐標為y坐標,垂直于所述點擊獲取層平面的坐標為z坐標,生成所述三維坐標系,且所述三維坐標系默認軸向為45度。
3.根據權利要求2所述的方法,其特征在于,在使用預定數目的基準面水平分割所述立體熱力圖,獲取所述立體熱力圖的多個平面熱力圖切面之前,所述方法還包括: 獲取所述z坐標軸上預設的多個基準值,所述基準值包括所述點擊數量; 以每個基準值為中心在平面進行延伸,生成多個所述基準面,其中,所述每個基準面平行于所述網頁頁面。
4.根據權利要求3所述的方法,其特征在于,在使用預定數目的基準面水平分割所述立體熱力圖,獲取所述立體熱力圖的多個平面熱力圖切面之后,所述方法還包括: 將所述立體熱力圖覆蓋在對應的網頁頁面上,其中,所述立體熱力圖的底面平行于對應的網頁頁面; 按照點擊數量的大小對每個所述基準面進行排序; 察看所述立體熱力圖的俯視圖,讀取排序后的每個基準面在對應的所述網頁頁面上的內容。
5.根據權利要求1-4中任意一項所述的方法,其特征在于,獲取所述網頁頁面的平面熱力圖的數據包括: 在所述網頁頁面上創建點擊獲取層; 在所述網頁頁面發生點擊操作之后,記錄所述點擊獲取層獲取到所述點擊數據,所述點擊數據包括:點擊位置和每個點擊位置的點擊數量,以及點擊行為后相關聯的事件; 按照所述點擊位置的點擊數量確定該點擊位置的顯示顏色。
6.根據權利要求5所述的方法,其特征在于,在將所述平面熱力圖的數據顯示在所述軸測圖上,獲取立體熱力圖之前,所述方法還包括: 獲取預先設置的時間閾值; 讀取所述時間閾值之內記錄的所述平面熱力圖對應的頁面的數據; 并在將所述平面熱力圖的數據顯示在所述軸測圖上,獲取立體熱力圖之后,所述方法還包括:按照色環中的顏色順序設置所述立體熱力圖的顯示顏色。
7.根據權利要求6所述的方法,其特征在于,在將所述平面熱力圖的數據顯示在所述軸測圖上,獲取立體熱力圖之后,所述方法還包括: 以所述立體熱力圖的軸測圖的z軸為準,以半球旋轉的形式顯示所述立體熱力圖。
8.一種立體熱力圖的處理裝置,其特征在于,包括:獲取模塊,用于獲取所述網頁頁面的平面熱力圖的數據,所述平面熱力圖的數據包括網頁頁面的點擊數據; 建立模塊,用于基于所述點擊獲取層建立三維坐標系,獲取軸測圖; 處理模塊,用于將所述平面熱力圖的數據顯示在所述軸測圖上,獲取立體熱力圖; 分割熱力圖獲取模塊,用于使用預定數目的基準面水平分割所述立體熱力圖,獲取所述立體熱力圖的多個平面熱力圖切面。
9.根據權利要求8所述的裝置,其特征在于,所述建立模塊包括:設置模塊,用于設置所述點擊獲取層的平面橫向坐標為X坐標,平面縱向坐標為I坐標,垂直于所述點擊獲取層平面的坐標為Z坐標,生成所述三維坐標系,且所述三維坐標系默認軸向為45度。
10.根據權利要求9所述的裝置,其特征在于,所述裝置還包括: 第一子獲取模塊,用于獲取所述z坐標軸上預設的多個基準值,所述基準值包括所述點擊數量; 生成模塊,用于以每個基準值為中心在平面進行延伸,生成多個所述基準面,其中,所述每個基準面平行于所述網頁頁面。
11.根據權利要求10所述的裝置,其特征在于,所述裝置還包括: 覆蓋模塊,用于將所述立體熱力圖覆蓋在對應的網頁頁面上,其中,所述立體熱力圖的底面平行于對應的網頁頁面; 排序模塊,用于按照點擊數量的大小對每個所述基準面進行排序; 第一讀取模塊,用于察看所述立體熱力圖的俯視圖,讀取排序后的每個基準面在對應的所述網頁頁面上的內容。`
12.根據權利要求8-11中任意一項所述的裝置,其特征在于,所述獲取模塊包括: 創建模塊,用于在所述網頁頁面上創建點擊獲取層; 記錄模塊,用于在所述網頁頁面發生點擊操作之后,記錄所述點擊獲取層獲取到所述點擊數據,所述點擊數據包括:點擊位置和每個點擊位置的點擊數量,以及點擊行為后相關聯的事件; 確定模塊,用于按照所述點擊位置的點擊數量確定該點擊位置的顯示顏色。
13.根據權利要求12所述的裝置,其特征在于,所述裝置還包括: 第二子獲取模塊,用于獲取預先設置的時間閾值; 第二讀取模塊,用于讀取所述時間閾值之內記錄的所述平面熱力圖對應的頁面的數據; 子設置模塊,用于并在將所述平面熱力圖的數據顯示在所述軸測圖上,獲取立體熱力圖之后,所述方法還包括:按照色環中的顏色順序設置所述立體熱力圖的顯示顏色。
14.根據權利要求13所述的裝置,其特征在于,所述裝置還包括: 旋轉顯示模塊,用于以所述立體熱力圖的軸測圖的z軸為準,以半球旋轉的形式顯示所述立體熱力圖。
【文檔編號】G06T7/00GK103778659SQ201310595122
【公開日】2014年5月7日 申請日期:2013年11月21日 優先權日:2013年11月21日
【發明者】黃佳嘉 申請人:北京國雙科技有限公司