本發(fā)明涉及網(wǎng)站瀏覽分析領(lǐng)域，特別是涉及一種頁面點(diǎn)擊分布圖的生成方法及系統(tǒng)。

背景技術(shù)：

隨著網(wǎng)絡(luò)的普及，大數(shù)據(jù)時(shí)代的到來，網(wǎng)站訪問量隨之增長，對頁面訪問pv進(jìn)行監(jiān)控分析，可以更好的了解用戶訪問網(wǎng)站的行為，同時(shí)也為分析網(wǎng)站瀏覽情況提供可靠的數(shù)據(jù)基礎(chǔ)，為網(wǎng)站提供優(yōu)化設(shè)計(jì)、更加精準(zhǔn)的滿足用戶需求，提供了指向。

特別是對于網(wǎng)站設(shè)計(jì)者來說，如果能夠清晰明確的掌握，頁面中可供點(diǎn)擊的元素在用戶瀏覽過程中所獲得的真實(shí)點(diǎn)擊量，則可以了解用戶的興趣點(diǎn)，獲取用戶對當(dāng)前頁面的真實(shí)反饋數(shù)據(jù)，則有助對頁面進(jìn)行改進(jìn)。

目前的一些點(diǎn)擊統(tǒng)計(jì)的現(xiàn)有技術(shù)，是針對每次點(diǎn)擊的位置進(jìn)行點(diǎn)擊次數(shù)的統(tǒng)計(jì)，但是，網(wǎng)站設(shè)計(jì)者可能根據(jù)需要，隨時(shí)對頁面中的各個(gè)元素的位置進(jìn)行改變，則一旦元素位置發(fā)生改變，點(diǎn)擊次數(shù)統(tǒng)計(jì)就需要另行計(jì)算，導(dǎo)致實(shí)質(zhì)上針對同一個(gè)元素的點(diǎn)擊數(shù)據(jù)，無法進(jìn)行疊加統(tǒng)計(jì)，無法呈現(xiàn)用戶對于網(wǎng)站中元素的整體點(diǎn)擊情況，降低所得到數(shù)據(jù)的可參考價(jià)值。

故而，如果在元素位置發(fā)生改變的情況下，還能夠?qū)υ氐谋稽c(diǎn)擊情況進(jìn)行統(tǒng)計(jì)和掌握，則成為業(yè)界的發(fā)展方向，成為亟待解決的問題。

技術(shù)實(shí)現(xiàn)要素：

本發(fā)明解決的技術(shù)問題在于，在頁面中的元素位置發(fā)生改變的情況下，還能夠?qū)υ氐谋稽c(diǎn)擊情況進(jìn)行準(zhǔn)確統(tǒng)計(jì)。

為解決上述問題，本發(fā)明公開了一種頁面點(diǎn)擊分布圖的生成方法，該方法包括：

步驟1，服務(wù)器采集不同用戶端的顯示頁面點(diǎn)擊行為數(shù)據(jù)，該點(diǎn)擊行為數(shù) 據(jù)包括所點(diǎn)擊的元素及元素路徑；

步驟2，將該點(diǎn)擊行為數(shù)據(jù)與頁面訪問數(shù)據(jù)相關(guān)聯(lián)；

步驟3，服務(wù)器根據(jù)篩選信息對頁面訪問數(shù)據(jù)進(jìn)行檢索，得到目標(biāo)頁面訪問數(shù)據(jù)，對與該目標(biāo)頁面訪問數(shù)據(jù)相對應(yīng)的目標(biāo)點(diǎn)擊行為數(shù)據(jù)進(jìn)行統(tǒng)計(jì)；

步驟4，顯示對應(yīng)于該元素路徑的統(tǒng)計(jì)結(jié)果。

該統(tǒng)計(jì)結(jié)果包括：針對同一個(gè)元素路徑的被點(diǎn)擊次數(shù)或該被點(diǎn)擊次數(shù)占頁面總點(diǎn)擊次數(shù)的百分比。

所述方法還包括：加載與該篩選信息對應(yīng)的頁面，確定該元素路徑所對應(yīng)的元素在該頁面中的位置，在該位置處顯示該統(tǒng)計(jì)結(jié)果。

在該元素的該位置處設(shè)置有色邊框或進(jìn)行高亮顯示。

所述方法還包括：顯示一統(tǒng)計(jì)列表，該列表包括所有元素的標(biāo)題或id、元素的類型、被點(diǎn)擊次數(shù)及該點(diǎn)擊次數(shù)占頁面總點(diǎn)擊次數(shù)的百分比。

所述方法還包括：當(dāng)選中該統(tǒng)計(jì)列表中的一行數(shù)據(jù)時(shí)，與該行數(shù)據(jù)對應(yīng)的元素進(jìn)行高亮顯示。

該顯示頁面包括網(wǎng)頁或app的顯示界面。

該步驟1進(jìn)一步包括：通過設(shè)置在用戶端的顯示頁面中的腳本文件，獲取每個(gè)用戶端的該點(diǎn)擊行為數(shù)據(jù)，用戶端將該點(diǎn)擊行為數(shù)據(jù)發(fā)送至該服務(wù)器。

本發(fā)明還公開了一種頁面點(diǎn)擊分布圖的生成系統(tǒng)，該系統(tǒng)包括：

收集單元，用于使得服務(wù)器采集不同用戶端的顯示頁面點(diǎn)擊行為數(shù)據(jù)，該點(diǎn)擊行為數(shù)據(jù)包括所點(diǎn)擊的元素及元素路徑；

關(guān)聯(lián)單元，用于將該點(diǎn)擊行為數(shù)據(jù)與頁面訪問數(shù)據(jù)相關(guān)聯(lián)；

統(tǒng)計(jì)單元，用于使得服務(wù)器根據(jù)篩選信息對頁面訪問數(shù)據(jù)進(jìn)行檢索，得到目標(biāo)頁面訪問數(shù)據(jù)，對與該目標(biāo)頁面訪問數(shù)據(jù)相對應(yīng)的目標(biāo)點(diǎn)擊行為數(shù)據(jù)進(jìn)行統(tǒng)計(jì)；

顯示單元，用于顯示對應(yīng)于該元素路徑的統(tǒng)計(jì)結(jié)果。

該統(tǒng)計(jì)結(jié)果包括：針對同一個(gè)元素路徑的被點(diǎn)擊次數(shù)或該被點(diǎn)擊次數(shù)占頁面總點(diǎn)擊次數(shù)的百分比。

所述系統(tǒng)還包括加載單元，用于加載與該篩選信息對應(yīng)的頁面，確定該元素路徑所對應(yīng)的元素在該頁面中的位置，在該位置處顯示該統(tǒng)計(jì)結(jié)果。

該加載單元在該元素的該位置處設(shè)置有色邊框或進(jìn)行高亮顯示。

所述系統(tǒng)還包括列表顯示單元，用于顯示一統(tǒng)計(jì)列表，該列表包括所有元素的標(biāo)題或id、元素的類型、被點(diǎn)擊次數(shù)及該點(diǎn)擊次數(shù)占頁面總點(diǎn)擊次數(shù)的百分比。

所述系統(tǒng)還包括高亮單元，用于當(dāng)選中該統(tǒng)計(jì)列表中的一行數(shù)據(jù)時(shí)，使得與該行數(shù)據(jù)對應(yīng)的元素進(jìn)行高亮顯示。

該顯示頁面包括網(wǎng)頁或app的顯示界面。

該收集單元進(jìn)一步包括腳本單元，用于通過設(shè)置在用戶端的顯示頁面中的腳本文件，獲取每個(gè)用戶端的該點(diǎn)擊行為數(shù)據(jù)并將該點(diǎn)擊行為數(shù)據(jù)發(fā)送至該服務(wù)器。

本發(fā)明的技術(shù)方案，對點(diǎn)擊次數(shù)的統(tǒng)計(jì)以元素路徑為依據(jù)，則即使網(wǎng)站設(shè)計(jì)者根據(jù)需要對頁面中的元素的排列布置進(jìn)行了改變，則對于同一元素的點(diǎn)擊次數(shù)統(tǒng)計(jì)仍能持續(xù)計(jì)算，保證統(tǒng)計(jì)數(shù)據(jù)的準(zhǔn)確性。另外，本發(fā)明還對統(tǒng)計(jì)數(shù)據(jù)進(jìn)行了可視化的顯示，使得用戶能夠清晰明了的了解頁面中各個(gè)元素的實(shí)際被點(diǎn)擊情況，進(jìn)而對于頁面的升級改造給出了方向。

附圖說明

圖1所示為本發(fā)明的網(wǎng)絡(luò)結(jié)構(gòu)示意圖。

圖2所示為本發(fā)明的一種頁面點(diǎn)擊分布圖的生成方法的流程示意圖。

圖3所示為本發(fā)明的一示例頁面的效果圖。

圖4-7所示為本發(fā)明的頁面點(diǎn)擊分布圖的效果圖。

具體實(shí)施方式

以下結(jié)合具體實(shí)施例對本發(fā)明的技術(shù)方案進(jìn)行描述，不作為對本發(fā)明的保護(hù)范圍的進(jìn)一步限制。

本發(fā)明用于在頁面瀏覽過程中，對顯示頁面中的元素的被點(diǎn)擊情況進(jìn)行準(zhǔn)確統(tǒng)計(jì)，特別是即使在顯示頁面中的元素位置發(fā)生改變的情況下，還能夠保證統(tǒng)計(jì)數(shù)據(jù)的準(zhǔn)確性。

如圖1所示為本發(fā)明的網(wǎng)絡(luò)結(jié)構(gòu)示意圖。

一網(wǎng)站服務(wù)器用于提供至少一個(gè)供用戶瀏覽的顯示頁面。多個(gè)用戶端通過網(wǎng)絡(luò)與該網(wǎng)站服務(wù)器連接，該多個(gè)用戶端可包括手機(jī)、電腦、pda、平板電腦 等處理終端，不以此為限。該多個(gè)用戶端可加載該顯示頁面以便于用戶進(jìn)行瀏覽。該顯示頁面可以是網(wǎng)頁，也可以是app的顯示界面。

為了對頁面中的元素的被點(diǎn)擊情況進(jìn)行統(tǒng)計(jì)以及對統(tǒng)計(jì)結(jié)果進(jìn)行呈現(xiàn)，本發(fā)明還設(shè)立一查詢服務(wù)器。

如圖2所示為本發(fā)明的一種頁面點(diǎn)擊分布圖的生成方法的流程示意圖。

步驟1，查詢服務(wù)器采集不同用戶端的顯示頁面點(diǎn)擊行為數(shù)據(jù)，該點(diǎn)擊行為數(shù)據(jù)包括所點(diǎn)擊的元素及元素路徑。

該查詢服務(wù)器后續(xù)簡稱為服務(wù)器。

在該步驟中，通過設(shè)置在用戶端的顯示頁面中的腳本文件，例如javascript腳本文件，獲取每個(gè)用戶端的該點(diǎn)擊行為數(shù)據(jù)，用戶端將該點(diǎn)擊行為數(shù)據(jù)發(fā)送至該服務(wù)器。

用戶每點(diǎn)擊頁面中的某一供點(diǎn)擊的元素，則對應(yīng)產(chǎn)生一個(gè)點(diǎn)擊行為數(shù)據(jù)，該點(diǎn)擊行為數(shù)據(jù)包括所點(diǎn)擊的元素及元素路徑。該元素路徑記載了從被點(diǎn)擊的該元素追溯到其對對應(yīng)的根節(jié)點(diǎn)所遍歷的元素。該元素與該元素路徑一一對應(yīng)。

步驟2，服務(wù)器將該點(diǎn)擊行為數(shù)據(jù)與頁面訪問數(shù)據(jù)相關(guān)聯(lián)。

每次的點(diǎn)擊，實(shí)質(zhì)上必然與一次頁面訪問相對應(yīng)，則建立這樣的關(guān)聯(lián)關(guān)系，也便于后續(xù)的檢索過程以及檢索結(jié)果的展示。

步驟3，服務(wù)器根據(jù)篩選信息對頁面訪問數(shù)據(jù)進(jìn)行檢索，得到目標(biāo)頁面訪問數(shù)據(jù)，對與該目標(biāo)頁面訪問數(shù)據(jù)相對應(yīng)的目標(biāo)點(diǎn)擊行為數(shù)據(jù)進(jìn)行統(tǒng)計(jì)。

網(wǎng)站的管理者可以提出一篩選信息，服務(wù)器利用該篩選信息對頁面訪問數(shù)據(jù)進(jìn)行檢索。該篩選信息例如包括：某幅頁面在某個(gè)時(shí)間段內(nèi)、來自某種用戶端類型的點(diǎn)擊情況等，其他常見的頁面訪問的相關(guān)參數(shù)也可包括于該篩選信息中。

服務(wù)器根據(jù)篩選信息獲得檢索結(jié)果，也就是根據(jù)篩選信息確定對應(yīng)的目標(biāo)頁面訪問。由于在步驟2中已經(jīng)建立起關(guān)聯(lián)關(guān)系，則針對目標(biāo)頁面訪問，可以獲知所對應(yīng)的點(diǎn)擊行為數(shù)據(jù)，作為目標(biāo)點(diǎn)擊行為數(shù)據(jù)。

例如，以某幅頁面在某日9點(diǎn)至19點(diǎn)作為篩選條件，則可檢索得到來自不同客戶端的多次目標(biāo)頁面訪問。在一次目標(biāo)頁面訪問中，可對應(yīng)包含對頁面中的不同元素的目標(biāo)點(diǎn)擊行為數(shù)據(jù)。對同一元素也可能產(chǎn)生多次點(diǎn)擊，即對同 一元素存在多個(gè)目標(biāo)點(diǎn)擊行為數(shù)據(jù)。

每次點(diǎn)擊，對應(yīng)一個(gè)目標(biāo)點(diǎn)擊行為數(shù)據(jù)，則通過統(tǒng)計(jì)目標(biāo)點(diǎn)擊行為數(shù)據(jù)的個(gè)數(shù)，可以得知一個(gè)元素被點(diǎn)擊的次數(shù)。

步驟4，顯示對應(yīng)于該元素路徑的統(tǒng)計(jì)結(jié)果。

本發(fā)明中，在統(tǒng)計(jì)元素被點(diǎn)擊的次數(shù)時(shí)，以目標(biāo)點(diǎn)擊行為數(shù)據(jù)中的元素路徑為準(zhǔn)進(jìn)行統(tǒng)計(jì)。也就是說，由于元素路徑與元素具有一一對應(yīng)關(guān)系，通過統(tǒng)計(jì)具有某一特定的元素路徑的目標(biāo)點(diǎn)擊行為數(shù)據(jù)的個(gè)數(shù)，來統(tǒng)計(jì)該特定的元素路徑的被點(diǎn)擊次數(shù)，也就是統(tǒng)計(jì)該元素路徑所對應(yīng)的元素的被點(diǎn)擊次數(shù)，將該被點(diǎn)擊次數(shù)作為統(tǒng)計(jì)結(jié)果。

在另一實(shí)施例中，可通過獲得所有元素路徑的被點(diǎn)擊次數(shù)后，得到每個(gè)元素路徑的該被點(diǎn)擊次數(shù)占頁面總點(diǎn)擊次數(shù)的百分比，將該百分比作為該統(tǒng)計(jì)結(jié)果。

通過對該統(tǒng)計(jì)結(jié)果進(jìn)行顯示，獲得頁面點(diǎn)擊分布圖。

在步驟4之后，進(jìn)一步包括：

在一顯示裝置中，加載與該篩選信息對應(yīng)的頁面，通常是最新版本的頁面。該服務(wù)器確定該元素路徑所對應(yīng)的元素在該頁面中的位置，在該位置處顯示該統(tǒng)計(jì)結(jié)果。以下通過附圖對本申請的顯示方式進(jìn)行說明。

如圖3所示為一示例頁面的效果圖。

從圖中可知，該頁面中可能被點(diǎn)擊的元素包括：ptengine、features、pricing、login、signupfree、getitnow(it’sfree！)。這些元素對應(yīng)一個(gè)鏈接，如被點(diǎn)擊可能跳轉(zhuǎn)其他頁面。

該頁面中還可能被點(diǎn)擊的元素包括：wantmoreleads、improveyourwebsitewithall-in-oneheatmaps&analytics。這些元素并不屬于鏈接。

該示例頁面被放置在網(wǎng)站中或者app中，執(zhí)行上述步驟1-4。當(dāng)需要對統(tǒng)計(jì)結(jié)果進(jìn)行顯示時(shí)，在顯示裝置中加載該示例頁面。如圖4所示，服務(wù)器確認(rèn)元素在該示例頁面中的位置，在該元素的該位置處，覆蓋圖層，設(shè)置有色邊框或進(jìn)行高亮顯示。

如圖4中，元素pricing處被覆蓋有紅色邊框，并進(jìn)行紅色高亮顯示，且在紅色邊框中顯示36.56％的數(shù)字，表示該頁面點(diǎn)擊量的36.56％是集中在該元素pricing處。

如圖5所示為，當(dāng)鼠標(biāo)碰觸到元素pricing處并懸停時(shí)，可顯示一下拉菜單，該下拉菜單中可顯示該元素所獲得的點(diǎn)擊數(shù)以及該點(diǎn)擊數(shù)在該頁面點(diǎn)擊量中所占比例。

另外，如圖6、7所示，在該顯示裝置中，還可顯示一統(tǒng)計(jì)列表?？稍谠擄@示裝置中同時(shí)顯示該示例頁面以及該統(tǒng)計(jì)列表，或者，可在該顯示裝置中單獨(dú)顯示該統(tǒng)計(jì)列表。

該統(tǒng)計(jì)列表包括所有元素的標(biāo)題或id、元素的類型、被點(diǎn)擊次數(shù)及該點(diǎn)擊次數(shù)占頁面總點(diǎn)擊次數(shù)的百分比。

當(dāng)在該顯示裝置中同時(shí)顯示該示例頁面以及該統(tǒng)計(jì)列表時(shí)，如鼠標(biāo)選中該統(tǒng)計(jì)列表中的一行數(shù)據(jù)，則與該行數(shù)據(jù)對應(yīng)的元素進(jìn)行高亮閃爍。

以圖7為例，其中列舉了元素pricing，其類型是鏈接，點(diǎn)擊次數(shù)219，該219次點(diǎn)擊占頁面總點(diǎn)擊次數(shù)的36.56％。

元素features，其類型是鏈接，點(diǎn)擊次數(shù)123，該123次點(diǎn)擊占頁面總點(diǎn)擊次數(shù)的20.53％。

元素signupfree，其類型是鏈接，點(diǎn)擊次數(shù)9，該9次點(diǎn)擊占頁面總點(diǎn)擊次數(shù)的1.50％。

元素getitnow(it’sfree！)，其類型是非鏈接，點(diǎn)擊次數(shù)9，該9次點(diǎn)擊占頁面總點(diǎn)擊次數(shù)的1.50％。

元素improveyourwebsitewithall-in-oneheatmaps&analytics，其類型是非鏈接，點(diǎn)擊次數(shù)16，該16次點(diǎn)擊占頁面總點(diǎn)擊次數(shù)的2.67％。

列表中的元素wantmoresubscribe以及元素wantmoresubscribewa……均對應(yīng)元素wantmoreleads。圖7的列表中的內(nèi)容對應(yīng)的是圖3所示網(wǎng)頁的基礎(chǔ)結(jié)構(gòu)，因此，元素雖然實(shí)質(zhì)上是對應(yīng)的，但名稱有所不同，特別是在網(wǎng)頁中顯示有文字的圖片時(shí)，圖片上的文字與通過源代碼描述的基礎(chǔ)結(jié)構(gòu)中元素的描述信息不相符。

元素wantmoresubscribe，其類型是非鏈接，點(diǎn)擊次數(shù)18，該18次點(diǎn)擊占頁面總點(diǎn)擊次數(shù)的3.01％。

元素wantmoresubscribewa……，其類型是非鏈接，點(diǎn)擊次數(shù)10，該10次點(diǎn)擊占頁面總點(diǎn)擊次數(shù)的1.67％。

圖7中還包括元素aboutus，該元素aboutus出現(xiàn)在圖3所示的頁面的 最底部(未在圖3中出現(xiàn))，其類型是鏈接，點(diǎn)擊次數(shù)22，該22次點(diǎn)擊占頁面總點(diǎn)擊次數(shù)的3.67％。

本發(fā)明的上述技術(shù)方案，對點(diǎn)擊次數(shù)的統(tǒng)計(jì)以元素路徑為依據(jù)，故而，即使網(wǎng)站設(shè)計(jì)者根據(jù)需要對頁面中的元素的排列布置進(jìn)行了改變，則對于同一元素的點(diǎn)擊次數(shù)統(tǒng)計(jì)仍能持續(xù)計(jì)算，保證統(tǒng)計(jì)數(shù)據(jù)的準(zhǔn)確性。

本發(fā)明還對統(tǒng)計(jì)數(shù)據(jù)進(jìn)行了可視化的顯示，使得用戶能夠清晰明了的了解頁面中各個(gè)元素的實(shí)際被點(diǎn)擊情況，進(jìn)而對于頁面的升級改造給出了方向。

上述實(shí)施例僅作為對本發(fā)明的描述，本領(lǐng)域的技術(shù)人員依照后附權(quán)利要求書所作的等效變形和明顯轉(zhuǎn)換，仍屬于本發(fā)明的覆蓋范圍。