[發(fā)明專利]用于熱力圖成像的方法、裝置、電子設(shè)備及可讀介質(zhì)

有效

• 申請(qǐng)?zhí)枺?/td>: 201710397065.8
• 申請(qǐng)日: 2017-05-31
• 公開（公告）號(hào): CN108984070B
• 公開（公告）日: 2021-01-26
• 發(fā)明（設(shè)計(jì)）人: 吳凱;李吉文;王海旭
• 申請(qǐng)（專利權(quán)）人: 北京京東尚科信息技術(shù)有限公司;北京京東世紀(jì)貿(mào)易有限公司
• 主分類號(hào): G06F3/0483
• 分類號(hào): G06F3/0483
• 代理公司: 北京律智知識(shí)產(chǎn)權(quán)代理有限公司 11438
• 代理人: 闞梓瑄;王衛(wèi)忠

本申請(qǐng)公開一種用于熱力圖成像的方法、裝置、電子設(shè)備及可讀介質(zhì)。該方法包括：監(jiān)聽用戶在網(wǎng)頁(yè)頁(yè)面的點(diǎn)擊行為；確定所述點(diǎn)擊行為所在的網(wǎng)頁(yè)元素；確定所述點(diǎn)擊行為在所述網(wǎng)頁(yè)元素中的位置；以及通過(guò)所述網(wǎng)頁(yè)元素與所述點(diǎn)擊行為在所述網(wǎng)頁(yè)元素中的位置生成熱力圖。本申請(qǐng)公開的用于熱力圖成像的方法、裝置、電子設(shè)備及可讀介質(zhì)，能夠解決熱力圖繪制時(shí)出現(xiàn)的偏差問(wèn)題。

技術(shù)領(lǐng)域

本發(fā)明涉及大數(shù)據(jù)分析處理領(lǐng)域，具體而言，涉及一種用于熱力圖成像的方法、裝置、電子設(shè)備及可讀介質(zhì)。

背景技術(shù)

熱力圖是以特殊高亮的形式顯示訪客熱衷的頁(yè)面區(qū)域和訪客所在的地理區(qū)域的圖示。通過(guò)熱力圖可以直觀清楚地看到頁(yè)面上每一個(gè)區(qū)域的訪客興趣焦點(diǎn)，無(wú)須報(bào)告數(shù)據(jù)分析，圖形化展現(xiàn)，無(wú)需任何頁(yè)面分析經(jīng)驗(yàn)。根據(jù)熱力圖的顯示數(shù)據(jù)，可以為優(yōu)化和調(diào)整網(wǎng)頁(yè)設(shè)計(jì)提供科學(xué)依據(jù)，還可以動(dòng)態(tài)考量頁(yè)面調(diào)整前后的點(diǎn)擊效果。可例如，在點(diǎn)擊行為集中和訪客多的頁(yè)面地方可以多放廣告，點(diǎn)擊率會(huì)更高，效果更為突出；通過(guò)鏈接點(diǎn)擊圖了解同一欄目下不同文字鏈接被點(diǎn)擊的次數(shù)，判斷該鏈接標(biāo)題和內(nèi)容的受歡迎程度，以優(yōu)化排版。

但是由于訪問(wèn)終端的多樣性，尤其是手機(jī)端，為了適配各種類型分辨率屏幕，大多頁(yè)面在開發(fā)時(shí)使用響應(yīng)式去設(shè)計(jì)，也就是會(huì)根據(jù)屏幕大小自適應(yīng)寬高。由于自適應(yīng)寬高后，頁(yè)面內(nèi)各元素塊位置寬高會(huì)發(fā)生變化，所以根據(jù)用戶點(diǎn)擊數(shù)據(jù)繪制熱力圖時(shí)，會(huì)出現(xiàn)不統(tǒng)一或偏移的情況，或者只能按不同分辨率去分開看熱圖，不能統(tǒng)一還原出頁(yè)面實(shí)際熱力圖。而且，如果頁(yè)面中存在ajax加載部分，或是點(diǎn)擊、滾動(dòng)加載展開內(nèi)容，網(wǎng)頁(yè)整體高度會(huì)發(fā)現(xiàn)巨大變化，所以在計(jì)算距離頁(yè)面頂部百分比數(shù)據(jù)會(huì)出現(xiàn)較大的偏差，造成繪制數(shù)據(jù)出現(xiàn)較大偏差。響應(yīng)式頁(yè)面在大屏展示時(shí)，頁(yè)面兩側(cè)會(huì)出現(xiàn)留白部分，該留白占比會(huì)根據(jù)屏幕寬度變化，屏幕越大，留白部分所占比例就越大，所以計(jì)算左邊距百分比也會(huì)出現(xiàn)較大偏差。

因此，需要一種新的用于熱力圖成像的方法、裝置、電子設(shè)備及可讀介質(zhì)。

在所述背景技術(shù)部分公開的上述信息僅用于加強(qiáng)對(duì)本發(fā)明的背景的理解，因此它可以包括不構(gòu)成對(duì)本領(lǐng)域普通技術(shù)人員已知的現(xiàn)有技術(shù)的信息。

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

有鑒于此，本發(fā)明提供一種用于熱力圖成像的方法、裝置、電子設(shè)備及可讀介質(zhì)，能夠解決熱力圖繪制時(shí)出現(xiàn)的偏差問(wèn)題。

本發(fā)明的其他特性和優(yōu)點(diǎn)將通過(guò)下面的詳細(xì)描述變得顯然，或部分地通過(guò)本發(fā)明的實(shí)踐而習(xí)得。

根據(jù)本發(fā)明的一方面，提出一種用于熱力圖成像的方法，該方法可用于生成響應(yīng)式熱力圖，該方法包括：監(jiān)聽用戶在網(wǎng)頁(yè)頁(yè)面的點(diǎn)擊行為；確定點(diǎn)擊行為所在的網(wǎng)頁(yè)元素；確定點(diǎn)擊行為在網(wǎng)頁(yè)元素中的位置；以及通過(guò)網(wǎng)頁(yè)元素與點(diǎn)擊行為在網(wǎng)頁(yè)元素中的位置生成熱力圖。

在本公開的一種示例性實(shí)施例中，確定點(diǎn)擊行為所在的網(wǎng)頁(yè)元素，包括：通過(guò)路徑語(yǔ)言確定點(diǎn)擊行為所在的網(wǎng)頁(yè)元素。

在本公開的一種示例性實(shí)施例中，確定點(diǎn)擊行為所在的網(wǎng)頁(yè)元素，還包括：通過(guò)網(wǎng)頁(yè)元素獲取網(wǎng)頁(yè)元素相關(guān)信息。

在本公開的一種示例性實(shí)施例中，確定點(diǎn)擊行為在網(wǎng)頁(yè)元素中的位置，包括：獲取點(diǎn)擊行為在元素中的點(diǎn)擊位置坐標(biāo)；以及根據(jù)網(wǎng)頁(yè)元素相關(guān)信息與點(diǎn)擊位置坐標(biāo)獲取點(diǎn)擊行為在網(wǎng)頁(yè)元素中的位置。

在本公開的一種示例性實(shí)施例中，根據(jù)網(wǎng)頁(yè)元素相關(guān)信息與點(diǎn)擊位置坐標(biāo)獲取點(diǎn)擊行為在網(wǎng)頁(yè)元素中的位置，包括：根據(jù)網(wǎng)頁(yè)元素相關(guān)信息，獲取網(wǎng)頁(yè)元素位置以及尺寸；將點(diǎn)擊位置與網(wǎng)頁(yè)元素左側(cè)的距離作為第一距離；將點(diǎn)擊位置與網(wǎng)頁(yè)元素頂部的距離作為第二距離；以及通過(guò)第一距離、第二距離以及網(wǎng)頁(yè)元素位置及尺寸生成點(diǎn)擊位置在網(wǎng)頁(yè)元素中的位置。

在本公開的一種示例性實(shí)施例中，點(diǎn)擊位置在網(wǎng)頁(yè)元素中的位置用相對(duì)位置的形式表示。

在本公開的一種示例性實(shí)施例中，還包括：記錄點(diǎn)擊行為的數(shù)量。