本發(fā)明涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，尤其涉及一種網(wǎng)頁(yè)應(yīng)用監(jiān)控方法、服務(wù)器和系統(tǒng)。

背景技術(shù)：

由于跨平臺(tái)、強(qiáng)兼容性、低開發(fā)成本等優(yōu)勢(shì)，網(wǎng)頁(yè)應(yīng)用(webapp)逐漸取代原生應(yīng)用(iosapp、androidapp)，成為開發(fā)者的首選。

在移動(dòng)應(yīng)用領(lǐng)域，為了不斷地改進(jìn)應(yīng)用的性能，需要獲取用戶數(shù)據(jù)，了解用戶對(duì)應(yīng)用的使用情況?，F(xiàn)有的用戶數(shù)據(jù)采集方法多為人工埋點(diǎn)(埋點(diǎn)，即在正常的功能邏輯中添加統(tǒng)計(jì)邏輯)，即由開發(fā)人員人工地定義控件或頁(yè)面元素所對(duì)應(yīng)的統(tǒng)計(jì)邏輯，并將該統(tǒng)計(jì)邏輯寫入該控件或元素對(duì)應(yīng)的代碼里。這樣，當(dāng)用戶使用該控件或元素時(shí)，可以通過埋點(diǎn)代碼收集用戶的行為數(shù)據(jù)。人工埋點(diǎn)方式需要編寫額外的埋點(diǎn)代碼，費(fèi)時(shí)費(fèi)力且容易出錯(cuò)。當(dāng)應(yīng)用功能升級(jí)時(shí)，需要重新定義埋點(diǎn)邏輯并編寫相應(yīng)的埋點(diǎn)代碼；當(dāng)修改了埋點(diǎn)邏輯時(shí)，也需要對(duì)整個(gè)應(yīng)用版本進(jìn)行升級(jí)，加大了開發(fā)及測(cè)試的工作量。

因此，需要提供一種針對(duì)網(wǎng)頁(yè)應(yīng)用的埋點(diǎn)方法，以實(shí)現(xiàn)對(duì)網(wǎng)頁(yè)應(yīng)用的監(jiān)控。

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

為此，本發(fā)明提供一種網(wǎng)頁(yè)應(yīng)用監(jiān)控方法、服務(wù)器和系統(tǒng)，以解決或至少緩解上面存在的問題。

根據(jù)本發(fā)明的一個(gè)方面，提供一種網(wǎng)頁(yè)應(yīng)用監(jiān)控方法，一個(gè)網(wǎng)頁(yè)應(yīng)用包括一個(gè)或多個(gè)頁(yè)面，每個(gè)網(wǎng)頁(yè)應(yīng)用對(duì)應(yīng)于一個(gè)網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)，該方法在監(jiān)控服務(wù)器中執(zhí)行，監(jiān)控服務(wù)器包括數(shù)據(jù)存儲(chǔ)裝置，數(shù)據(jù)存儲(chǔ)裝置中存儲(chǔ)有一個(gè)或多個(gè)監(jiān)控腳本文件，每個(gè)監(jiān)控腳本文件對(duì)應(yīng)于一個(gè)網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)，數(shù)據(jù)存儲(chǔ)裝置中還存儲(chǔ)有一個(gè)或多個(gè)監(jiān)控事件，每個(gè)監(jiān)控事件對(duì)應(yīng)于一個(gè)頁(yè)面中的一個(gè)元素，該方法包括：接收計(jì)算設(shè)備發(fā)送的待監(jiān)控頁(yè)面地址，待監(jiān)控頁(yè)面地址中包括網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)，待監(jiān)控頁(yè)面的源碼中包括對(duì)目標(biāo)監(jiān)控腳本文件的引用；當(dāng)待監(jiān)控頁(yè)面地址中的網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)與目標(biāo)監(jiān)控腳本文件所對(duì)應(yīng)的網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)一致時(shí)，根據(jù)待監(jiān)控頁(yè)面地址從數(shù)據(jù)存儲(chǔ)裝置處獲取待監(jiān)控頁(yè)面的監(jiān)控事件集合，并指示計(jì)算設(shè)備根據(jù)監(jiān)控事件集合將標(biāo)記出可監(jiān)控元素的待監(jiān)控頁(yè)面渲染出來(lái)；接收計(jì)算設(shè)備對(duì)于可監(jiān)控元素的選定以及對(duì)該可監(jiān)控元素的事件配置信息的設(shè)置；將選定的可監(jiān)控元素及其事件配置信息作為監(jiān)控事件，存儲(chǔ)于數(shù)據(jù)存儲(chǔ)裝置中以便對(duì)已選定的可監(jiān)控元素進(jìn)行監(jiān)控。

可選地，在根據(jù)本發(fā)明的網(wǎng)頁(yè)應(yīng)用監(jiān)控方法中，在接收計(jì)算設(shè)備發(fā)送的待監(jiān)控頁(yè)面地址的步驟之前，還包括：為待監(jiān)控頁(yè)面所屬的網(wǎng)頁(yè)應(yīng)用分配一個(gè)網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)，生成與該網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)所對(duì)應(yīng)的目標(biāo)監(jiān)控腳本文件；向該網(wǎng)頁(yè)應(yīng)用所包括的所有頁(yè)面的源碼中添加對(duì)于目標(biāo)監(jiān)控腳本文件的引用。

可選地，在根據(jù)本發(fā)明的網(wǎng)頁(yè)應(yīng)用監(jiān)控方法中，向該網(wǎng)頁(yè)應(yīng)用所包括的所有頁(yè)面的源碼中添加對(duì)于目標(biāo)監(jiān)控腳本文件的引用的步驟包括：向該網(wǎng)頁(yè)應(yīng)用所對(duì)應(yīng)的所有頁(yè)面的html文件中添加script元素，script元素的src屬性值為目標(biāo)監(jiān)控腳本文件的地址。

可選地，在根據(jù)本發(fā)明的網(wǎng)頁(yè)應(yīng)用監(jiān)控方法中，指示計(jì)算設(shè)備根據(jù)監(jiān)控事件集合將標(biāo)記出可監(jiān)控元素的待監(jiān)控頁(yè)面渲染出來(lái)的步驟包括：將待監(jiān)控頁(yè)面作為iframe元素顯示于計(jì)算設(shè)備的瀏覽器中，采用不同的顯示格式標(biāo)記待監(jiān)控頁(yè)面中的可監(jiān)控元素和已監(jiān)控元素。

可選地，在根據(jù)本發(fā)明的網(wǎng)頁(yè)應(yīng)用監(jiān)控方法中，事件配置信息包括事件名稱，接收計(jì)算設(shè)備對(duì)于可監(jiān)控元素的選定以及對(duì)該可監(jiān)控元素的事件配置信息的設(shè)置的步驟包括：接收計(jì)算設(shè)備對(duì)于可監(jiān)控元素的選定；獲取選定的可監(jiān)控元素在待監(jiān)控頁(yè)面的文檔對(duì)象模型中的路徑，采用預(yù)設(shè)的顯示格式在待監(jiān)控頁(yè)面中標(biāo)記出該可監(jiān)控元素；接收計(jì)算設(shè)備對(duì)于該可監(jiān)控元素所對(duì)應(yīng)的事件名稱的設(shè)置；將選定的可監(jiān)控元素在待監(jiān)控頁(yè)面的文檔對(duì)象模型中的路徑、對(duì)應(yīng)的事件名稱、待監(jiān)控頁(yè)面所對(duì)應(yīng)的網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)、以及待監(jiān)控頁(yè)面地址關(guān)聯(lián)存儲(chǔ)于監(jiān)控服務(wù)器的緩存接口中。

可選地，在根據(jù)本發(fā)明的網(wǎng)頁(yè)應(yīng)用監(jiān)控方法中，在采用預(yù)設(shè)的顯示格式在待監(jiān)控頁(yè)面中標(biāo)記出該可監(jiān)控元素的步驟之后，還包括：基于計(jì)算設(shè)備的指示，根據(jù)可監(jiān)控元素在待監(jiān)控頁(yè)面的文檔對(duì)象模型中的路徑查找該可監(jiān)控元素的上一級(jí)元素，并將上一級(jí)元素作為選定的可監(jiān)控元素。

可選地，在根據(jù)本發(fā)明的網(wǎng)頁(yè)應(yīng)用監(jiān)控方法中，將路徑、事件名稱、網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)、待監(jiān)控頁(yè)面地址關(guān)聯(lián)存儲(chǔ)于監(jiān)控服務(wù)器的緩存接口中的步驟包括：用通配符替換待監(jiān)控頁(yè)面地址中的參數(shù)，生成通配后的待監(jiān)控頁(yè)面地址；將選定的可監(jiān)控元素在待監(jiān)控頁(yè)面的文檔對(duì)象模型中的路徑、對(duì)應(yīng)的事件名稱、待監(jiān)控頁(yè)面所對(duì)應(yīng)的網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)、以及通配后的待監(jiān)控頁(yè)面地址關(guān)聯(lián)存儲(chǔ)于監(jiān)控服務(wù)器的緩存接口中。

可選地，在根據(jù)本發(fā)明的網(wǎng)頁(yè)應(yīng)用監(jiān)控方法中，將選定的可監(jiān)控元素及其事件配置信息作為監(jiān)控事件，存儲(chǔ)于數(shù)據(jù)存儲(chǔ)裝置中以便對(duì)已選定的可監(jiān)控元素進(jìn)行監(jiān)控的步驟包括：接收計(jì)算設(shè)備發(fā)送的將選定的可監(jiān)控元素及其事件配置信息全部生效的指示，將緩存接口中存儲(chǔ)的信息作為監(jiān)控事件存儲(chǔ)于數(shù)據(jù)存儲(chǔ)裝置中，以便對(duì)已選定的可監(jiān)控元素進(jìn)行監(jiān)控。

可選地，在根據(jù)本發(fā)明的網(wǎng)頁(yè)應(yīng)用監(jiān)控方法中，根據(jù)待監(jiān)控頁(yè)面地址從數(shù)據(jù)存儲(chǔ)裝置處獲取待監(jiān)控頁(yè)面的監(jiān)控事件集合的步驟包括：接收計(jì)算設(shè)備對(duì)于待監(jiān)控頁(yè)面地址是否為通配的待監(jiān)控頁(yè)面地址的指示；當(dāng)待監(jiān)控頁(yè)面地址為通配的待監(jiān)控頁(yè)面地址時(shí)，根據(jù)通配的待監(jiān)控頁(yè)面地址從數(shù)據(jù)存儲(chǔ)裝置處獲取待監(jiān)控頁(yè)面的監(jiān)控事件集合。

可選地，在根據(jù)本發(fā)明的網(wǎng)頁(yè)應(yīng)用監(jiān)控方法中，在將選定的可監(jiān)控元素及其事件配置信息作為監(jiān)控事件存儲(chǔ)的步驟之后，還包括：在客戶端訪問待監(jiān)控頁(yè)面時(shí)，調(diào)用目標(biāo)監(jiān)控腳本文件從數(shù)據(jù)存儲(chǔ)裝置處獲取待監(jiān)控頁(yè)面的監(jiān)控事件集合，根據(jù)監(jiān)控事件集合收集客戶端對(duì)于待監(jiān)控頁(yè)面的訪問信息。

可選地，在根據(jù)本發(fā)明的網(wǎng)頁(yè)應(yīng)用監(jiān)控方法中，訪問信息包括基本信息和已監(jiān)控元素信息，基本信息包括客戶端標(biāo)識(shí)、瀏覽器信息、客戶端當(dāng)前所處的地理位置信息中的一種或多種，其中，瀏覽器信息包括當(dāng)前客戶端所使用的瀏覽器的版本信息、代理信息、操作系統(tǒng)信息中的一種或多種，地理位置信息包括當(dāng)前客戶端所處的經(jīng)緯度信息、定位精度、海拔信息、速度信息、方向信息中的一種或多種；已監(jiān)控元素信息包括客戶端對(duì)于已監(jiān)控元素的瀏覽量、點(diǎn)擊量中的一種或多種。

根據(jù)本發(fā)明的一個(gè)方面，提供一種網(wǎng)頁(yè)應(yīng)用監(jiān)控方法，一個(gè)網(wǎng)頁(yè)應(yīng)用包括一個(gè)或多個(gè)頁(yè)面，每個(gè)網(wǎng)頁(yè)應(yīng)用對(duì)應(yīng)于一個(gè)網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)，該方法在監(jiān)控系統(tǒng)中執(zhí)行，監(jiān)控系統(tǒng)包括計(jì)算設(shè)備和監(jiān)控服務(wù)器，監(jiān)控服務(wù)器包括數(shù)據(jù)存儲(chǔ)裝置，數(shù)據(jù)存儲(chǔ)裝置中存儲(chǔ)有一個(gè)或多個(gè)監(jiān)控腳本文件，每個(gè)監(jiān)控腳本文件對(duì)應(yīng)于一個(gè)網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)，數(shù)據(jù)存儲(chǔ)裝置中還存儲(chǔ)有一個(gè)或多個(gè)監(jiān)控事件，每個(gè)監(jiān)控事件對(duì)應(yīng)于一個(gè)頁(yè)面中的一個(gè)元素，該方法包括：計(jì)算設(shè)備接收開發(fā)人員輸入的待監(jiān)控頁(yè)面地址，并將待監(jiān)控頁(yè)面地址發(fā)送至監(jiān)控服務(wù)器，其中，待監(jiān)控頁(yè)面地址中包括網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)，待監(jiān)控頁(yè)面的源碼中包括對(duì)目標(biāo)監(jiān)控腳本文件的引用；監(jiān)控服務(wù)器接收計(jì)算設(shè)備發(fā)送的待監(jiān)控頁(yè)面地址，并判斷待監(jiān)控頁(yè)面地址中的網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)與目標(biāo)監(jiān)控腳本文件所對(duì)應(yīng)的網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)是否一致，若二者一致，則根據(jù)待監(jiān)控頁(yè)面地址從數(shù)據(jù)存儲(chǔ)裝置處獲取待監(jiān)控頁(yè)面的監(jiān)控事件集合，并將監(jiān)控事件集合發(fā)送至計(jì)算設(shè)備；計(jì)算設(shè)備根據(jù)接收到的監(jiān)控事件集合，將標(biāo)記出可監(jiān)控元素的待監(jiān)控頁(yè)面渲染出來(lái)，接收開發(fā)人員對(duì)于可監(jiān)控元素的選定以及對(duì)該可監(jiān)控元素的事件配置信息的設(shè)置，并將接收到的可監(jiān)控元素及其事件配置信息發(fā)送至監(jiān)控服務(wù)器；監(jiān)控服務(wù)器將接收到的可監(jiān)控元素及其事件配置信息作為監(jiān)控事件，存儲(chǔ)于數(shù)據(jù)存儲(chǔ)裝置中以便對(duì)已選定的可監(jiān)控元素進(jìn)行監(jiān)控。

可選地，在根據(jù)本發(fā)明的網(wǎng)頁(yè)應(yīng)用監(jiān)控方法中，在計(jì)算設(shè)備接收開發(fā)人員輸入的待監(jiān)控頁(yè)面地址的步驟之前，還包括：監(jiān)控服務(wù)器為待監(jiān)控頁(yè)面所屬的網(wǎng)頁(yè)應(yīng)用分配一個(gè)網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)，生成與該網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)所對(duì)應(yīng)的目標(biāo)監(jiān)控腳本文件；在計(jì)算設(shè)備處向該網(wǎng)頁(yè)應(yīng)用所包括的所有頁(yè)面的源碼中添加對(duì)于目標(biāo)監(jiān)控腳本文件的引用。

可選地，在根據(jù)本發(fā)明的網(wǎng)頁(yè)應(yīng)用監(jiān)控方法中，向該網(wǎng)頁(yè)應(yīng)用所包括的所有頁(yè)面的源碼中添加對(duì)于目標(biāo)監(jiān)控腳本文件的引用的步驟包括：向該網(wǎng)頁(yè)應(yīng)用所對(duì)應(yīng)的所有頁(yè)面的html文件中添加script元素，script元素的src屬性值為目標(biāo)監(jiān)控腳本文件的地址。

可選地，在根據(jù)本發(fā)明的網(wǎng)頁(yè)應(yīng)用監(jiān)控方法中，計(jì)算設(shè)備根據(jù)接收到的監(jiān)控事件集合，將標(biāo)記出可監(jiān)控元素的待監(jiān)控頁(yè)面渲染出來(lái)的步驟包括：計(jì)算設(shè)備將待監(jiān)控頁(yè)面作為iframe元素顯示于瀏覽器中，采用不同的顯示格式標(biāo)記待監(jiān)控頁(yè)面中的可監(jiān)控元素和已監(jiān)控元素。

可選地，在根據(jù)本發(fā)明的網(wǎng)頁(yè)應(yīng)用監(jiān)控方法中，事件配置信息包括事件名稱，接收開發(fā)人員對(duì)于可監(jiān)控元素的選定以及對(duì)該可監(jiān)控元素的事件配置信息的設(shè)置，并將接收到的可監(jiān)控元素及其事件配置信息發(fā)送至監(jiān)控服務(wù)器的步驟包括：接收開發(fā)人員對(duì)于可監(jiān)控元素的選定；獲取選定的可監(jiān)控元素在待監(jiān)控頁(yè)面的文檔對(duì)象模型中的路徑，采用預(yù)設(shè)的顯示格式在待監(jiān)控頁(yè)面中標(biāo)記出該可監(jiān)控元素；接收開發(fā)人員對(duì)于該可監(jiān)控元素所對(duì)應(yīng)的事件名稱的設(shè)置；將選定的可監(jiān)控元素在待監(jiān)控頁(yè)面的文檔對(duì)象模型中的路徑、對(duì)應(yīng)的事件名稱、待監(jiān)控頁(yè)面所對(duì)應(yīng)的網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)、以及待監(jiān)控頁(yè)面地址發(fā)送至監(jiān)控服務(wù)器的緩存接口中。

可選地，在根據(jù)本發(fā)明的網(wǎng)頁(yè)應(yīng)用監(jiān)控方法中，在采用預(yù)設(shè)的顯示格式在待監(jiān)控頁(yè)面中標(biāo)記出該可監(jiān)控元素的步驟之后，還包括：基于開發(fā)人員的指示，根據(jù)可監(jiān)控元素在待監(jiān)控頁(yè)面的文檔對(duì)象模型中的路徑查找該可監(jiān)控元素的上一級(jí)元素，并將上一級(jí)元素作為選定的可監(jiān)控元素。

可選地，在根據(jù)本發(fā)明的網(wǎng)頁(yè)應(yīng)用監(jiān)控方法中，將路徑、事件名稱、網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)、待監(jiān)控頁(yè)面地址發(fā)送至監(jiān)控服務(wù)器的緩存接口中的步驟包括：用通配符替換待監(jiān)控頁(yè)面地址中的參數(shù)，生成通配后的待監(jiān)控頁(yè)面地址；將選定的可監(jiān)控元素在待監(jiān)控頁(yè)面的文檔對(duì)象模型中的路徑、對(duì)應(yīng)的事件名稱、待監(jiān)控頁(yè)面所對(duì)應(yīng)的網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)、以及通配后的待監(jiān)控頁(yè)面地址發(fā)送至監(jiān)控服務(wù)器的緩存接口中。

可選地，在根據(jù)本發(fā)明的網(wǎng)頁(yè)應(yīng)用監(jiān)控方法中，監(jiān)控服務(wù)器將接收到的可監(jiān)控元素及其事件配置信息作為監(jiān)控事件，存儲(chǔ)于數(shù)據(jù)存儲(chǔ)裝置中以便對(duì)已選定的可監(jiān)控元素進(jìn)行監(jiān)控的步驟包括：計(jì)算設(shè)備接收開發(fā)人員將選定的可監(jiān)控元素及其事件配置信息全部生效的指示，并將該指示發(fā)送至監(jiān)控服務(wù)器；監(jiān)控服務(wù)器接收該指示，將緩存接口中存儲(chǔ)的信息作為監(jiān)控事件存儲(chǔ)于數(shù)據(jù)存儲(chǔ)裝置中，以便對(duì)已選定的可監(jiān)控元素進(jìn)行監(jiān)控。

可選地，在根據(jù)本發(fā)明的網(wǎng)頁(yè)應(yīng)用監(jiān)控方法中，在計(jì)算設(shè)備接收開發(fā)人員輸入的待監(jiān)控頁(yè)面地址的步驟之后，還包括：計(jì)算設(shè)備接收開發(fā)人員對(duì)于待監(jiān)控頁(yè)面地址是否為通配的待監(jiān)控頁(yè)面地址的指示；根據(jù)待監(jiān)控頁(yè)面地址從數(shù)據(jù)存儲(chǔ)裝置處獲取待監(jiān)控頁(yè)面的監(jiān)控事件集合的步驟包括：當(dāng)待監(jiān)控頁(yè)面地址為通配的待監(jiān)控頁(yè)面地址時(shí)，根據(jù)通配的待監(jiān)控頁(yè)面地址從數(shù)據(jù)存儲(chǔ)裝置處獲取待監(jiān)控頁(yè)面的監(jiān)控事件集合。

可選地，在根據(jù)本發(fā)明的網(wǎng)頁(yè)應(yīng)用監(jiān)控方法中，監(jiān)控系統(tǒng)還包括客戶端，在監(jiān)控服務(wù)器將接收到的可監(jiān)控元素及其事件配置信息作為監(jiān)控事件存儲(chǔ)的步驟之后，還包括：客戶端發(fā)起對(duì)于待監(jiān)控頁(yè)面的訪問；調(diào)用目標(biāo)監(jiān)控腳本文件從數(shù)據(jù)存儲(chǔ)裝置處獲取待監(jiān)控頁(yè)面的監(jiān)控事件集合，根據(jù)監(jiān)控事件集合收集客戶端對(duì)于待監(jiān)控頁(yè)面的訪問信息。

可選地，在根據(jù)本發(fā)明的網(wǎng)頁(yè)應(yīng)用監(jiān)控方法中，訪問信息包括基本信息和已監(jiān)控元素信息，基本信息包括客戶端標(biāo)識(shí)、瀏覽器信息、客戶端當(dāng)前所處的地理位置信息中的一種或多種，其中，瀏覽器信息包括當(dāng)前客戶端所使用的瀏覽器的版本信息、代理信息、操作系統(tǒng)信息中的一種或多種，地理位置信息包括當(dāng)前客戶端所處的經(jīng)緯度信息、定位精度、海拔信息、速度信息、方向信息中的一種或多種；已監(jiān)控元素信息包括客戶端對(duì)于已監(jiān)控元素的瀏覽量、點(diǎn)擊量中的一種或多種。

根據(jù)本發(fā)明的一個(gè)方面，提供一種監(jiān)控服務(wù)器，包括：至少一個(gè)處理器；和至少一個(gè)數(shù)據(jù)存儲(chǔ)裝置，數(shù)據(jù)存儲(chǔ)裝置中存儲(chǔ)有一個(gè)或多個(gè)監(jiān)控腳本文件以及一個(gè)或多個(gè)監(jiān)控事件；其中，處理器被配置為適于根據(jù)數(shù)據(jù)存儲(chǔ)裝置中存儲(chǔ)的監(jiān)控腳本文件和監(jiān)控事件執(zhí)行如前所述的網(wǎng)頁(yè)應(yīng)用監(jiān)控方法。

根據(jù)本發(fā)明的一個(gè)方面，提供一種監(jiān)控系統(tǒng)，適于監(jiān)控網(wǎng)頁(yè)應(yīng)用，該監(jiān)控系統(tǒng)包括：至少一個(gè)如上所述的監(jiān)控服務(wù)器；和至少一個(gè)計(jì)算設(shè)備；其中，監(jiān)控服務(wù)器和計(jì)算設(shè)備被配置為適于執(zhí)行如前所述的網(wǎng)頁(yè)應(yīng)用監(jiān)控方法。

根據(jù)本發(fā)明的網(wǎng)頁(yè)應(yīng)用監(jiān)控方案，在待監(jiān)控頁(yè)面的源碼中引入目標(biāo)監(jiān)控腳本文件，目標(biāo)監(jiān)控腳本文件對(duì)應(yīng)于一個(gè)網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)；在計(jì)算設(shè)備的指定位置輸入待監(jiān)控頁(yè)面的地址，待監(jiān)控頁(yè)面的地址中包括網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)。當(dāng)目標(biāo)監(jiān)控腳本文件所對(duì)應(yīng)的網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)與待監(jiān)控頁(yè)面地址中的網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)一致時(shí)，即可實(shí)現(xiàn)握手，開啟埋點(diǎn)。計(jì)算設(shè)備的指定位置能夠顯示出標(biāo)記了當(dāng)前埋點(diǎn)情況的待監(jiān)控頁(yè)面，開發(fā)人員通過在待監(jiān)控頁(yè)面中點(diǎn)擊元素即可生成埋點(diǎn)監(jiān)控事件并存儲(chǔ)于服務(wù)器，實(shí)現(xiàn)對(duì)頁(yè)面元素的埋點(diǎn)。當(dāng)用戶瀏覽埋點(diǎn)過的頁(yè)面時(shí)，即可觸發(fā)執(zhí)行目標(biāo)監(jiān)控腳本文件，從監(jiān)控服務(wù)器處獲取當(dāng)前頁(yè)面的監(jiān)控事件集合，根據(jù)監(jiān)控事件集合來(lái)收集用戶訪問信息并上報(bào)至服務(wù)器。

本方案是一種靈動(dòng)的埋點(diǎn)方式，通過簡(jiǎn)單的交互操作即可實(shí)現(xiàn)埋點(diǎn)，無(wú)需開發(fā)人員手動(dòng)編寫代碼，減輕了開發(fā)人員的編碼負(fù)擔(dān)。甚至即使是不懂代碼的使用者，也可以通過本方法輕松地實(shí)現(xiàn)自己需要的埋點(diǎn)監(jiān)控方案。監(jiān)控事件與應(yīng)用源代碼分離，監(jiān)控事件更新時(shí)無(wú)需對(duì)應(yīng)用源代碼做任何修改(即無(wú)需對(duì)應(yīng)用本身進(jìn)行更新)，減少了測(cè)試與維護(hù)的工作量。另外，本方案的埋點(diǎn)監(jiān)控事件在服務(wù)器端存儲(chǔ)，不依賴于計(jì)算設(shè)備，開發(fā)人員可以在不同計(jì)算設(shè)備的不同瀏覽器上實(shí)現(xiàn)頁(yè)面埋點(diǎn)。

另外，本發(fā)明的網(wǎng)頁(yè)應(yīng)用監(jiān)控方案還支持查找當(dāng)前元素的上一級(jí)元素并埋點(diǎn)，以及對(duì)待監(jiān)控頁(yè)面地址的通配處理等，使得本方案能夠?qū)崿F(xiàn)對(duì)頁(yè)面元素的靈活、精準(zhǔn)地埋點(diǎn)。

附圖說(shuō)明

為了實(shí)現(xiàn)上述以及相關(guān)目的，本文結(jié)合下面的描述和附圖來(lái)描述某些說(shuō)明性方面，這些方面指示了可以實(shí)踐本文所公開的原理的各種方式，并且所有方面及其等效方面旨在落入所要求保護(hù)的主題的范圍內(nèi)。通過結(jié)合附圖閱讀下面的詳細(xì)描述，本公開的上述以及其它目的、特征和優(yōu)勢(shì)將變得更加明顯。遍及本公開，相同的附圖標(biāo)記通常指代相同的部件或元素。

圖1示出了根據(jù)本發(fā)明一個(gè)實(shí)施例的監(jiān)控系統(tǒng)100的示意圖；

圖2示出了根據(jù)本發(fā)明一個(gè)實(shí)施例的監(jiān)控系統(tǒng)100的功能結(jié)構(gòu)示意圖；

圖3示出了根據(jù)本發(fā)明一個(gè)實(shí)施例的網(wǎng)頁(yè)應(yīng)用監(jiān)控方法300的交互流程圖；

圖4a、4b分別示出了根據(jù)本發(fā)明兩個(gè)實(shí)施例的步驟s310的示意圖；

圖5示出了在根據(jù)本發(fā)明一個(gè)實(shí)施例的在計(jì)算設(shè)備中顯示待監(jiān)控頁(yè)面的示意圖；

圖6示出了根據(jù)本發(fā)明一個(gè)實(shí)施例的選定可監(jiān)控元素并設(shè)置事件配置信息的流程圖；

圖7示出了根據(jù)本發(fā)明一個(gè)實(shí)施例的獲取選定的可監(jiān)控元素在待監(jiān)控頁(yè)面的dom中的路徑的示意圖；

圖8示出了根據(jù)本發(fā)明一個(gè)實(shí)施例的基于當(dāng)前選定的可監(jiān)控元素彈出對(duì)話框，提示開發(fā)人員設(shè)置事件名稱的示意圖；

圖9示出了根據(jù)本發(fā)明另一個(gè)實(shí)施例的基于當(dāng)前選定的可監(jiān)控元素彈出對(duì)話框，提示開發(fā)人員設(shè)置事件名稱的示意圖；

圖10示出了根據(jù)本發(fā)明一個(gè)實(shí)施例的生成監(jiān)控事件的示意圖；

圖11示出了根據(jù)本發(fā)明另一個(gè)實(shí)施例的監(jiān)控系統(tǒng)1000的示意圖。

具體實(shí)施方式

下面將參照附圖更詳細(xì)地描述本公開的示例性實(shí)施例。雖然附圖中顯示了本公開的示例性實(shí)施例，然而應(yīng)當(dāng)理解，可以以各種形式實(shí)現(xiàn)本公開而不應(yīng)被這里闡述的實(shí)施例所限制。相反，提供這些實(shí)施例是為了能夠更透徹地理解本公開，并且能夠?qū)⒈竟_的范圍完整的傳達(dá)給本領(lǐng)域的技術(shù)人員。

圖1示出了根據(jù)本發(fā)明一個(gè)實(shí)施例的監(jiān)控系統(tǒng)100的示意圖。圖1所示的監(jiān)控系統(tǒng)100包括計(jì)算設(shè)備110和監(jiān)控服務(wù)器200。應(yīng)當(dāng)指出，圖1中的監(jiān)控系統(tǒng)100僅是示例性的，在具體的實(shí)踐情況中，監(jiān)控系統(tǒng)100中可以有不同數(shù)量的計(jì)算設(shè)備以及監(jiān)控服務(wù)器，多個(gè)計(jì)算設(shè)備以及監(jiān)控服務(wù)器也可以分別部署于多個(gè)地理位置，監(jiān)控服務(wù)器可以實(shí)現(xiàn)為單個(gè)設(shè)備也可以實(shí)現(xiàn)為集群，本發(fā)明對(duì)監(jiān)控系統(tǒng)中所包括的計(jì)算設(shè)備、監(jiān)控服務(wù)器的數(shù)量以及部署細(xì)節(jié)不做限制。

計(jì)算設(shè)備110可以是諸如pc、筆記本電腦、手機(jī)、平板電腦、筆記本電腦、電視盒子、可穿戴設(shè)備等具有顯示裝置并可以接入互聯(lián)網(wǎng)的設(shè)備。計(jì)算設(shè)備110可以經(jīng)由互聯(lián)網(wǎng)與監(jiān)控服務(wù)器200建立連接并進(jìn)行通信。計(jì)算設(shè)備110可以以有線的方式與監(jiān)控服務(wù)器200建立連接，也可以通過3g、4g、wifi、個(gè)人熱點(diǎn)、ieee802.11x、藍(lán)牙等無(wú)線的方式與監(jiān)控服務(wù)器200建立連接，本發(fā)明對(duì)計(jì)算設(shè)備110與監(jiān)控服務(wù)器200之間的連接方式不做限制。

監(jiān)控系統(tǒng)200可以對(duì)頁(yè)面元素進(jìn)行埋點(diǎn)，從而實(shí)現(xiàn)對(duì)網(wǎng)頁(yè)應(yīng)用(webapp)的監(jiān)控。網(wǎng)頁(yè)應(yīng)用即運(yùn)行于網(wǎng)絡(luò)和標(biāo)準(zhǔn)瀏覽器上，基于網(wǎng)頁(yè)技術(shù)開發(fā)實(shí)現(xiàn)特定功能的應(yīng)用，其包括網(wǎng)站和采用網(wǎng)頁(yè)技術(shù)開發(fā)的移動(dòng)端應(yīng)用等，但不限于此。目前的網(wǎng)頁(yè)應(yīng)用多由html5(h5)開發(fā)，但html5本身不造成對(duì)本發(fā)明的限制，不管網(wǎng)頁(yè)應(yīng)用以何種語(yǔ)言開發(fā)，任何包括本發(fā)明中公開的技術(shù)特征的技術(shù)方案均落于本發(fā)明的保護(hù)范圍之內(nèi)。

監(jiān)控服務(wù)器200包括數(shù)據(jù)存儲(chǔ)裝置210和處理器220，數(shù)據(jù)存儲(chǔ)裝置210和處理器220可以經(jīng)由存儲(chǔ)總線230實(shí)現(xiàn)通信。數(shù)據(jù)存儲(chǔ)裝置210中存儲(chǔ)有一個(gè)或多個(gè)監(jiān)控腳本文件和一個(gè)或多個(gè)監(jiān)控事件，處理器220可以根據(jù)數(shù)據(jù)存儲(chǔ)裝置210中存儲(chǔ)的監(jiān)控腳本文件和監(jiān)控事件來(lái)實(shí)現(xiàn)對(duì)網(wǎng)頁(yè)應(yīng)用的監(jiān)控。一個(gè)監(jiān)控腳本文件是一個(gè)sdk(softwaredevelopmentkit，軟件開發(fā)工具包)，每一個(gè)監(jiān)控腳本文件對(duì)應(yīng)于一個(gè)網(wǎng)頁(yè)應(yīng)用，網(wǎng)頁(yè)應(yīng)用由網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)(appid)來(lái)唯一標(biāo)識(shí)。監(jiān)控腳本文件可以被其對(duì)應(yīng)的網(wǎng)頁(yè)應(yīng)用的各頁(yè)面所引用，以實(shí)現(xiàn)對(duì)頁(yè)面元素的埋點(diǎn)監(jiān)控。頁(yè)面元素即當(dāng)前html頁(yè)面中的元素，例如head、title、body、button、標(biāo)題h1～h6、img、link等。根據(jù)一種實(shí)施例，html頁(yè)面的body中可見的元素均可以進(jìn)行埋點(diǎn)監(jiān)控，例如button、標(biāo)題h1～h6、img、link等。監(jiān)控事件指的是可以被監(jiān)控的頁(yè)面元素所對(duì)應(yīng)的用戶在頁(yè)面中進(jìn)行的特定操作或達(dá)成的特定條件，例如，用戶點(diǎn)擊了頁(yè)面中的廣告欄(廣告欄可以是iframe、img等元素)，用戶進(jìn)行了付費(fèi)(付費(fèi)可以是button元素)等，每個(gè)監(jiān)控事件對(duì)應(yīng)于一個(gè)頁(yè)面元素。應(yīng)當(dāng)指出，監(jiān)控腳本文件和監(jiān)控事件可以存儲(chǔ)于同一個(gè)監(jiān)控服務(wù)器，也可以分別存儲(chǔ)于不同的監(jiān)控服務(wù)器，也可以采用分布式存儲(chǔ)方案將監(jiān)控腳本文件和監(jiān)控事件分別存儲(chǔ)于多個(gè)監(jiān)控服務(wù)器，本發(fā)明對(duì)監(jiān)控腳本文件及監(jiān)控事件的具體存儲(chǔ)方案不做限制。

為了實(shí)現(xiàn)對(duì)網(wǎng)頁(yè)應(yīng)用的監(jiān)控，開發(fā)人員可以在待監(jiān)控頁(yè)面的源碼中引入相應(yīng)的監(jiān)控腳本文件(為了敘述方便，下文中，將對(duì)應(yīng)于待監(jiān)控頁(yè)面的監(jiān)控腳本文件記為“目標(biāo)監(jiān)控腳本文件”)。應(yīng)當(dāng)指出，在源碼中引入目標(biāo)監(jiān)控腳本文件的步驟可以在任意計(jì)算設(shè)備上進(jìn)行，而不僅限于圖1所示的計(jì)算設(shè)備110。目標(biāo)監(jiān)控腳本文件對(duì)應(yīng)于一個(gè)網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)。隨后，在計(jì)算設(shè)備110的瀏覽器頁(yè)面的指定位置輸入待監(jiān)控頁(yè)面地址，待監(jiān)控頁(yè)面地址中包括網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)，例如，在圖2所示的矩形框112中輸入待監(jiān)控頁(yè)面地址http://54.222.228.161:8080/business-app-sdk/webcontent/index.html？appid＝abcde，abcde即當(dāng)前待監(jiān)控頁(yè)面的網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)。當(dāng)目標(biāo)監(jiān)控腳本文件所對(duì)應(yīng)的網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)與待監(jiān)控頁(yè)面地址中的網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)一致時(shí)(即目標(biāo)監(jiān)控腳本文件所對(duì)應(yīng)的網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)也是abcde)，即可實(shí)現(xiàn)握手，開啟埋點(diǎn)。監(jiān)控服務(wù)器200根據(jù)待監(jiān)控頁(yè)面地址從已存儲(chǔ)的多個(gè)監(jiān)控事件中找出待監(jiān)控頁(yè)面的監(jiān)控事件集合，并將其發(fā)送至計(jì)算設(shè)備110。計(jì)算設(shè)備110根據(jù)監(jiān)控事件集合在瀏覽器可視區(qū)域的指定位置處(例如圖2中的矩形區(qū)域114)顯示待監(jiān)控頁(yè)面，并在待監(jiān)控頁(yè)面中用不同的顯示格式標(biāo)記出各頁(yè)面元素的埋點(diǎn)情況，例如用不同顏色的矩形框來(lái)分別表示可監(jiān)控元素(可以埋點(diǎn)但尚未埋點(diǎn))、已監(jiān)控元素(已埋點(diǎn))和當(dāng)前選中的元素。應(yīng)當(dāng)指出，圖2中計(jì)算設(shè)備110的瀏覽器可視區(qū)域的右下角還顯示了可監(jiān)控元素、已監(jiān)控元素和當(dāng)前選中的元素的圖例，由于附圖中不能顯示彩色，故圖2中三者的圖例均為黑色矩形框，但在實(shí)際應(yīng)用中三者是不同的顏色。開發(fā)人員通過在待監(jiān)控頁(yè)面中點(diǎn)擊元素并設(shè)置事件配置信息即可生成埋點(diǎn)監(jiān)控事件并存儲(chǔ)于在監(jiān)控服務(wù)器,200，實(shí)現(xiàn)對(duì)頁(yè)面元素的埋點(diǎn)。

圖3示出了根據(jù)本發(fā)明一個(gè)實(shí)施例的網(wǎng)頁(yè)應(yīng)用監(jiān)控方法300的流程圖，方法300可以在如圖1、圖2所示的監(jiān)控系統(tǒng)100中執(zhí)行。如圖3所示，方法300始于步驟s310。

在步驟s310中，計(jì)算設(shè)備接收開發(fā)人員輸入的待監(jiān)控頁(yè)面地址，并將待監(jiān)控頁(yè)面地址發(fā)送至監(jiān)控服務(wù)器。其中，待監(jiān)控頁(yè)面地址中包括網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)，待監(jiān)控頁(yè)面的源碼中包括對(duì)目標(biāo)監(jiān)控腳本文件的引用。

根據(jù)一種實(shí)施例，在步驟s310之前，還包括步驟s302(圖3中未示出)。在步驟s302中，待監(jiān)控頁(yè)面所屬的網(wǎng)頁(yè)應(yīng)用(webapp)需要在監(jiān)控服務(wù)器端完成注冊(cè)，監(jiān)控服務(wù)器為待監(jiān)控頁(yè)面所屬的網(wǎng)頁(yè)應(yīng)用分配一個(gè)網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)(appid)，并生成與該網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)所對(duì)應(yīng)的目標(biāo)監(jiān)控腳本文件。隨后，開發(fā)人員向該網(wǎng)頁(yè)應(yīng)用所包括的所有頁(yè)面的源碼中添加對(duì)于該目標(biāo)監(jiān)控腳本文件的引用。根據(jù)一種實(shí)施例，可以通過向頁(yè)面對(duì)應(yīng)的html文件中添加script元素的方式來(lái)實(shí)現(xiàn)對(duì)目標(biāo)監(jiān)控腳本文件的引用，script元素的src屬性值為目標(biāo)監(jiān)控腳本文件的地址。以下是步驟s302的一個(gè)例子：

網(wǎng)頁(yè)應(yīng)用a包括三個(gè)頁(yè)面x、y、z。監(jiān)控服務(wù)器為網(wǎng)頁(yè)應(yīng)用a分配一個(gè)網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)abcde，并生成與該網(wǎng)頁(yè)應(yīng)用對(duì)應(yīng)的目標(biāo)監(jiān)控腳本文件，目標(biāo)監(jiān)控腳本文件的url(uniformresourcelocator，統(tǒng)一資源定位符)地址為http://www.talkingdata.com/business-app-sdk/webcontent/js/sdk。隨后，開發(fā)人員需要在x、y、z三個(gè)頁(yè)面所對(duì)應(yīng)的html文件中添加對(duì)于目標(biāo)監(jiān)控腳本文件的引用，即在相應(yīng)的html文件中加入以下代碼：

<scripttype＝“text/javasrcipt”src＝“http://www.talkingdata.com/business-app-sdk/webcontent/js/sdk”></script>

根據(jù)一種優(yōu)選的實(shí)施例，為了獲得比較完整的數(shù)據(jù)，將上述代碼添加在html文件的head位置。

在步驟s310中，計(jì)算設(shè)備接收開發(fā)人員輸入的待監(jiān)控頁(yè)面地址，并將待監(jiān)控頁(yè)面地址發(fā)送至監(jiān)控服務(wù)器。其中，待監(jiān)控頁(yè)面地址中包括網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)，待監(jiān)控頁(yè)面的源碼中包括對(duì)目標(biāo)監(jiān)控腳本文件的引用。

待監(jiān)控頁(yè)面地址即待監(jiān)控頁(yè)面的url，待監(jiān)控頁(yè)面地址中包括網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)。例如，如圖4a所示，待監(jiān)控頁(yè)面地址為http://54.222.228.161:8080/business-app-sdk/webcontent/index.html？appid＝abcde，其中“？appid＝abcde”的部分是以“參數(shù)名＝參數(shù)值”的形式標(biāo)注了待監(jiān)控頁(yè)面http://54.222.228.161:8080/business-app-sdk/webcontent/index.html所對(duì)應(yīng)的網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)。實(shí)際上，我們想要監(jiān)控的頁(yè)面是http://54.222.228.161:8080/business-app-sdk/webcontent/index.html，？appid＝abcde僅僅是添加了一個(gè)參數(shù)(即該頁(yè)面所對(duì)應(yīng)的網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí))，而不會(huì)改變網(wǎng)頁(yè)本身的內(nèi)容。另外，該待監(jiān)控頁(yè)面所對(duì)應(yīng)的html文件中也引入了目標(biāo)監(jiān)控腳本文件。

由于頁(yè)面url的復(fù)雜性，在實(shí)際應(yīng)用中，url中的問號(hào)(？)后面可能帶有許多自定義參數(shù)，盡管參數(shù)是動(dòng)態(tài)的，但是參數(shù)并不會(huì)改變頁(yè)面本身，即僅問號(hào)后面參數(shù)不同的url指向的是同一個(gè)頁(yè)面。另外，url中的井號(hào)(#)后面可能帶有位置標(biāo)識(shí)符，例如，單頁(yè)面應(yīng)用即通過hash位置的變動(dòng)來(lái)更改頁(yè)面，盡管位置標(biāo)識(shí)符有多種取值，根據(jù)不同的取值可以將頁(yè)面滾動(dòng)至指定區(qū)域，但是僅位置標(biāo)識(shí)符不同的url所指向的也是同一個(gè)頁(yè)面。為了實(shí)現(xiàn)智能識(shí)別頁(yè)面，避免因?yàn)閯?dòng)態(tài)參數(shù)的不同而丟失監(jiān)控事件信息，根據(jù)一種實(shí)施例，開發(fā)人員在輸入待監(jiān)控頁(yè)面地址后，還需要指定該地址中動(dòng)態(tài)參數(shù)的部分，將該部分用通配符代替。通配符例如可以是星號(hào)(*)，但不限于此。將待監(jiān)控頁(yè)面地址進(jìn)行通配后，在后續(xù)步驟s330中可以按照通配后的地址從監(jiān)控服務(wù)器處獲取待監(jiān)控頁(yè)面地址所對(duì)應(yīng)的監(jiān)控事件，可以避免動(dòng)態(tài)參數(shù)的影響，在后續(xù)步驟s330獲取監(jiān)控事件時(shí)不會(huì)產(chǎn)生遺漏。

例如，如圖4a所示，開發(fā)人員在矩形框112中輸入待監(jiān)控頁(yè)面地址http://54.222.228.161:8080/business-app-sdk/webcontent/index.html？appid＝abcde，并在矩形框116中輸入通配后的地址http://54.222.228.161:8080/business-app-sdk/webcontent/index.html？*，即將待監(jiān)控頁(yè)面地址中？后面的參數(shù)部分“appid＝abcde”用通配符*代替。圖4b示出了在步驟s310中將待監(jiān)控頁(yè)面地址進(jìn)行通配的另一個(gè)例子。如圖4b所示，開發(fā)人員在矩形框112中輸入待監(jiān)控頁(yè)面地址http://54.222.228.161:8080/business-app-sdk/webcontent/index.html？appid＝abcde&&key＝1#hash＝code，并在矩形框116中輸入通配后的地址http://54.222.228.161:8080/business-app-sdk/webcontent/index.html？*#*，即將待監(jiān)控頁(yè)面地址中？和#后面的參數(shù)部分均用通配符*代替。

在步驟s310之后，點(diǎn)擊矩形框116下方的“開始設(shè)定事件”按鈕，執(zhí)行步驟s320。在步驟s320中，監(jiān)控服務(wù)器接收計(jì)算設(shè)備發(fā)送的待監(jiān)控頁(yè)面地址，并判斷待監(jiān)控頁(yè)面地址中的網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)與目標(biāo)監(jiān)控腳本文件所對(duì)應(yīng)的網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)是否一致。其中，待監(jiān)控頁(yè)面地址中的網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)即為url中？后面的appid的值，目標(biāo)監(jiān)控腳本文件所對(duì)應(yīng)的網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)為在步驟s302中監(jiān)控服務(wù)器為目標(biāo)監(jiān)控腳本文件所指定的網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)。該步驟是為了實(shí)現(xiàn)身份校驗(yàn)，保證當(dāng)前的待監(jiān)控頁(yè)面屬于當(dāng)前的開發(fā)人員，避免非法操作。

隨后，在步驟s330中，若待監(jiān)控頁(yè)面地址中的網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)與目標(biāo)監(jiān)控腳本文件所對(duì)應(yīng)的網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)一致，則根據(jù)待監(jiān)控頁(yè)面地址從數(shù)據(jù)存儲(chǔ)裝置處獲取待監(jiān)控頁(yè)面的監(jiān)控事件集合，并將監(jiān)控事件集合發(fā)送至計(jì)算設(shè)備；若二者不一致，則無(wú)法對(duì)當(dāng)前頁(yè)面進(jìn)行后續(xù)的埋點(diǎn)監(jiān)控操作。監(jiān)控事件集合包括一個(gè)或多個(gè)監(jiān)控事件，每個(gè)監(jiān)控事件又包括事件名稱、事件所對(duì)應(yīng)的頁(yè)面元素在待監(jiān)控頁(yè)面的文檔對(duì)象模型(dom，documentobjectmodel)中的路徑(path)等信息。

隨后，在步驟s340中，計(jì)算設(shè)備根據(jù)接收到的監(jiān)控事件集合，將標(biāo)記出可監(jiān)控元素的待監(jiān)控頁(yè)面渲染出來(lái)，并接收開發(fā)人員對(duì)于可監(jiān)控元素的選定以及對(duì)該可監(jiān)控元素的事件配置信息的設(shè)置。

根據(jù)一種實(shí)施例，計(jì)算設(shè)備將待監(jiān)控頁(yè)面作為iframe元素顯示于瀏覽器的可視區(qū)域中，并采用不同的顯示格式標(biāo)記待監(jiān)控頁(yè)面中的可監(jiān)控元素和已監(jiān)控元素。應(yīng)當(dāng)指出，iframe元素的尺寸可以與iphone6splus相同，或與其他型號(hào)的移動(dòng)終端相同，或由本領(lǐng)域技術(shù)人員根據(jù)經(jīng)驗(yàn)或?qū)嶋H情況設(shè)計(jì)為其他尺寸，本發(fā)明對(duì)于iframe元素的大小不做限制。例如，如圖5所示，計(jì)算設(shè)備的瀏覽器的靈動(dòng)分析頁(yè)面的矩形框114處嵌套了一個(gè)iframe元素，計(jì)算設(shè)備接收到監(jiān)控事件集合后，根據(jù)監(jiān)控事件集合在矩形框114中渲染出待監(jiān)控頁(yè)面，并用橙色的矩形框標(biāo)記出可監(jiān)控元素、藍(lán)色矩形框標(biāo)記出已監(jiān)控元素?？杀O(jiān)控元素是當(dāng)前可以選擇進(jìn)行埋點(diǎn)監(jiān)控的元素，后續(xù)當(dāng)開發(fā)人員選中一個(gè)可監(jiān)控元素時(shí)，用綠色矩形框標(biāo)記出當(dāng)前選中的元素，以提示開發(fā)人員。應(yīng)當(dāng)指出，由于附圖不能顯示彩色，圖5中用于標(biāo)記可監(jiān)控元素的橙色矩形框以及用于標(biāo)記已監(jiān)控元素的藍(lán)色矩形框均用黑色代替。另外，本領(lǐng)域技術(shù)人員應(yīng)當(dāng)可以意識(shí)到，上述用不同顏色的矩形框顏色標(biāo)記各頁(yè)面元素的監(jiān)控狀態(tài)的方案只是一個(gè)示例，在其他的實(shí)施例中，本領(lǐng)域技術(shù)人員也可以選用其他的顏色來(lái)分別標(biāo)記可監(jiān)控元素、已監(jiān)控元素以及當(dāng)前選中的元素，本發(fā)明對(duì)標(biāo)記各頁(yè)面元素的監(jiān)控狀態(tài)所采用的矩形框的顏色不做限制。另外，除了用不同顏色的矩形框來(lái)標(biāo)記各頁(yè)面元素的監(jiān)控狀態(tài)之外，還可以采用其他的標(biāo)記方案，例如采用不同的背景色、不同顏色的下劃線、不同粗細(xì)的矩形框等來(lái)標(biāo)記各頁(yè)面元素的監(jiān)控狀態(tài)，本發(fā)明對(duì)標(biāo)記各頁(yè)面元素的監(jiān)控狀態(tài)所采用的具體的顯示格式不做限制，只要其能夠?qū)崿F(xiàn)監(jiān)控狀態(tài)的區(qū)分(即對(duì)可監(jiān)控元素、已監(jiān)控元素以及當(dāng)前選中的元素的區(qū)分)即可。另外，計(jì)算設(shè)備中還可以設(shè)置一個(gè)區(qū)域，用于查詢、顯示待監(jiān)控頁(yè)面的監(jiān)控事件情況，該區(qū)域例如可以是圖5中的矩形框118。例如，圖5中的矩形框118中有“appid設(shè)定”字樣，其表示待監(jiān)控頁(yè)面當(dāng)前有一個(gè)監(jiān)控事件，該監(jiān)控事件的事件名稱為“appid設(shè)定”，該監(jiān)控事件對(duì)應(yīng)于待監(jiān)控頁(yè)面中的“appid”元素。隨著后續(xù)對(duì)更多的頁(yè)面元素進(jìn)行監(jiān)控，矩形框118中顯示的監(jiān)控事件也會(huì)增加，當(dāng)然，矩形框118處也可以對(duì)監(jiān)控事件進(jìn)行修改(例如修改監(jiān)控事件名稱)和刪除，本發(fā)明對(duì)矩形框118處所顯示的具體信息以及可以提供的功能不做限制。

如圖5所示，在計(jì)算設(shè)備將標(biāo)記出可監(jiān)控元素的待監(jiān)控頁(yè)面渲染出來(lái)后，可以接收開發(fā)人員對(duì)于可監(jiān)控元素的選定以及對(duì)該可監(jiān)控元素的事件配置信息的設(shè)置。根據(jù)一種實(shí)施例，事件配置信息包括事件名稱，上述接收開發(fā)人員對(duì)于可監(jiān)控元素的選定以及對(duì)該可監(jiān)控元素的事件配置信息的設(shè)置的過程可以參考圖6，該過程包括：

步驟s342：接收開發(fā)人員對(duì)于可監(jiān)控元素的選定。根據(jù)一種實(shí)施例，開發(fā)人員可以通過點(diǎn)擊或者其他的交互方式選定可監(jiān)控元素。

步驟s344：獲取選定的可監(jiān)控元素在待監(jiān)控頁(yè)面的文檔對(duì)象模型中的路徑，采用預(yù)設(shè)的顯示格式在待監(jiān)控頁(yè)面中標(biāo)記出該可監(jiān)控元素。根據(jù)一種實(shí)施例，開發(fā)人員選定了某個(gè)可監(jiān)控元素后，從該元素開始在待監(jiān)控頁(yè)面的文檔對(duì)象模型中(即dom)一級(jí)一級(jí)向上冒泡，一直到html根元素為止，這樣可以得到在dom中從當(dāng)前選中的元素到html根元素的路徑，該路徑即可以標(biāo)記當(dāng)前選中的元素在dom中的位置。獲取到選定的可監(jiān)控元素在dom中的路徑后，獲取當(dāng)前選定的可監(jiān)控元素在待監(jiān)控頁(yè)面中的相對(duì)位置來(lái)定位該元素。例如，可以通過getboundingclientrect()方法來(lái)獲取該元素在待監(jiān)控頁(yè)面的相對(duì)位置，該方法可以返回一個(gè)矩形對(duì)象，該矩形對(duì)象即為當(dāng)前元素的外接矩形框。獲取到該元素在待監(jiān)控頁(yè)面的相對(duì)位置后，可以對(duì)該位置進(jìn)行標(biāo)記，以向開發(fā)人員提示當(dāng)前選定的元素，并彈出對(duì)話框，提示開發(fā)人員設(shè)置該可監(jiān)控元素的事件名稱。

根據(jù)一種實(shí)施例，在步驟s344之后，還包括步驟s345(圖6中未示出)。在步驟s345中，基于開發(fā)人員的指示，根據(jù)可監(jiān)控元素在待監(jiān)控頁(yè)面的文檔對(duì)象模型中的路徑查找該可監(jiān)控元素的上一級(jí)元素，并將上一級(jí)元素作為選定的可監(jiān)控元素。例如，在開發(fā)人員選定可監(jiān)控元素后，彈出的對(duì)話框中有“查找元素上一級(jí)”的按鈕。開發(fā)人員點(diǎn)擊該按鈕后，可以根據(jù)當(dāng)前選中的可監(jiān)控元素在待監(jiān)控頁(yè)面的文檔對(duì)象模型中的路徑查找該可監(jiān)控元素的上一級(jí)元素，并將上一級(jí)元素作為選定的可監(jiān)控元素。

步驟s346：接收開發(fā)人員對(duì)于該可監(jiān)控元素所對(duì)應(yīng)的事件名稱的設(shè)置。事件名稱是當(dāng)前可監(jiān)控元素所對(duì)應(yīng)的監(jiān)控事件的一個(gè)代號(hào)，可以方便開發(fā)人員對(duì)當(dāng)前元素進(jìn)行監(jiān)控。根據(jù)一種實(shí)施例，一個(gè)待監(jiān)控頁(yè)面中的所有事件名稱應(yīng)當(dāng)各不相同。設(shè)置了事件名稱后，即可生成監(jiān)控事件。

以下是步驟s342～s346的一個(gè)示例：

開發(fā)人員通過點(diǎn)擊的方式選定了“應(yīng)用描述”這一h1元素，從該h1元素開始在待監(jiān)控頁(yè)面的dom結(jié)構(gòu)中層層向上冒泡直到到達(dá)根元素html為止，冒泡的過程如圖7所示，經(jīng)過冒泡，可以得出“應(yīng)用描述”這一元素在dom中的路徑如下：

0：{tag:“h1”,id:“”,index:0,class:“”,target:{index:0}}；

1：{tag:“dt”,id:“”,index:0,class:“”,target:{index:0}}；

2：{tag:“body”,id:“”,index:0,class:“”,target:{index:0}}；

3：{tag:“html”,id:“”,index:0,class:“”,target:{index:0}}。

隨后，調(diào)用getboundingclientrect()方法獲取“應(yīng)用描述”元素在待監(jiān)控頁(yè)面的相對(duì)位置，根據(jù)該位置來(lái)繪制該元素的外接矩形框，并用區(qū)別于已監(jiān)控元素和其他未選中的可監(jiān)控元素的顏色來(lái)對(duì)該矩形框進(jìn)行著色，以實(shí)現(xiàn)對(duì)當(dāng)前選定的元素的標(biāo)記。例如，可以用綠色矩形框來(lái)標(biāo)記元素“應(yīng)用描述”。在用矩形框標(biāo)記當(dāng)前元素的同時(shí)，如圖8所示，在當(dāng)前元素的附近區(qū)域彈出對(duì)話框120，提示開發(fā)人員設(shè)置該可監(jiān)控元素的事件名稱，例如，開發(fā)人員將該元素的事件名稱設(shè)置為“應(yīng)用描述按鈕”。點(diǎn)擊對(duì)話框120中的“確定”按鈕后，即可生成對(duì)應(yīng)于該元素的監(jiān)控事件。

根據(jù)一種實(shí)施例，彈出的對(duì)話框的格式還可以如圖9中的對(duì)話框122所示，對(duì)話框122與圖8中的對(duì)話框120的區(qū)別在于，對(duì)話框122中還包括“查找元素上一級(jí)”的按鈕，開發(fā)人員點(diǎn)擊該按鈕后，即可查找當(dāng)前選定的元素的上一級(jí)元素，即“應(yīng)用描述”的上一級(jí)元素，并將上一級(jí)元素作為當(dāng)前選定的可監(jiān)控元素，重新彈出一個(gè)對(duì)話框，以設(shè)置該元素所對(duì)應(yīng)的事件名稱。

當(dāng)在對(duì)話框中設(shè)置了事件名稱并點(diǎn)擊“確定”按鈕后，即可生成監(jiān)控事件。例如，如圖8所示，選定“應(yīng)用描述”元素，為其設(shè)置事件名稱“應(yīng)用描述按鈕”，點(diǎn)擊“確定”后，即可生成名稱為“應(yīng)用描述按鈕”的監(jiān)控事件，同時(shí)，生成的監(jiān)控事件會(huì)在矩形框118中進(jìn)行顯示。如圖10所示，虛線矩形框124中的內(nèi)容即對(duì)應(yīng)于生成的“應(yīng)用描述按鈕”監(jiān)控事件。

應(yīng)當(dāng)指出，對(duì)于當(dāng)前的待監(jiān)控頁(yè)面，開發(fā)人員可以針對(duì)多個(gè)可監(jiān)控元素設(shè)置多個(gè)監(jiān)控事件，即上述步驟s342～s346可以被執(zhí)行多次。

在步驟340中，每接收到開發(fā)人員對(duì)于可監(jiān)控元素的選定以及對(duì)該可監(jiān)控元素的事件配置信息的設(shè)置后，均繼續(xù)執(zhí)行步驟350。在步驟s350中，計(jì)算設(shè)備將選定的可監(jiān)控元素及其事件配置信息發(fā)送至監(jiān)控服務(wù)器。

根據(jù)一種實(shí)施例，步驟s350進(jìn)一步包括：計(jì)算設(shè)備將選定的可監(jiān)控元素在待監(jiān)控頁(yè)面的文檔對(duì)象模型(dom)中的路徑、對(duì)應(yīng)的事件名稱、待監(jiān)控頁(yè)面所對(duì)應(yīng)的網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)(appid)、以及待監(jiān)控頁(yè)面地址(url)發(fā)送至監(jiān)控服務(wù)器的緩存接口中關(guān)聯(lián)存儲(chǔ)。根據(jù)一種實(shí)施例，考慮到待監(jiān)控頁(yè)面url的復(fù)雜性，在向監(jiān)控服務(wù)器的緩存接口發(fā)送以上數(shù)據(jù)之前，需要先用通配符替換待監(jiān)控頁(yè)面地址中的參數(shù)，生成通配后的待監(jiān)控頁(yè)面地址，隨后，再將選定的可監(jiān)控元素在待監(jiān)控頁(yè)面的dom中的路徑、對(duì)應(yīng)的事件名稱、待監(jiān)控頁(yè)面所對(duì)應(yīng)的appid、以及通配后的待監(jiān)控頁(yè)面url發(fā)送至監(jiān)控服務(wù)器的緩存接口中。這里的url通配方案與前述步驟s310中所述的url通配方案對(duì)應(yīng)，均是為了避免動(dòng)態(tài)參數(shù)對(duì)url的影響，使得計(jì)算設(shè)備在步驟s330獲取監(jiān)控事件時(shí)不會(huì)產(chǎn)生遺漏。

隨后，在步驟s360中，監(jiān)控服務(wù)器將接收到的可監(jiān)控元素及其事件配置信息作為監(jiān)控事件，存儲(chǔ)于數(shù)據(jù)存儲(chǔ)裝置中以便對(duì)該已選定的可監(jiān)控元素進(jìn)行監(jiān)控。根據(jù)一種實(shí)施例，與前述對(duì)步驟s350的描述相對(duì)應(yīng)的，在開發(fā)人員選定一個(gè)可監(jiān)控元素后，監(jiān)控服務(wù)器首先將該可監(jiān)控元素的相關(guān)數(shù)據(jù)(即可監(jiān)控元素在待監(jiān)控頁(yè)面的dom中的路徑、對(duì)應(yīng)的事件名稱、待監(jiān)控頁(yè)面所對(duì)應(yīng)的appid、以及通配或未通配的待監(jiān)控頁(yè)面url)關(guān)聯(lián)存儲(chǔ)于緩存接口中。應(yīng)當(dāng)指出，緩存接口中存儲(chǔ)的實(shí)際上是尚未生效的監(jiān)控事件。根據(jù)一種實(shí)施例，步驟s360進(jìn)一步包括：計(jì)算設(shè)備接收開發(fā)人員將選定的可監(jiān)控元素及其事件配置信息全部生效的指示，并將該指示發(fā)送至監(jiān)控服務(wù)器；監(jiān)控服務(wù)器接收該指示，將緩存接口中存儲(chǔ)的信息作為監(jiān)控事件存儲(chǔ)于數(shù)據(jù)存儲(chǔ)裝置210中，以便對(duì)已選定的可監(jiān)控元素進(jìn)行監(jiān)控。例如，參考圖10，開發(fā)人員在完成對(duì)一個(gè)或多個(gè)可監(jiān)控元素的選定后，將每一個(gè)可監(jiān)控元素的相關(guān)數(shù)據(jù)發(fā)送至監(jiān)控服務(wù)器的緩存接口中緩存，緩存中存儲(chǔ)的是未生效的監(jiān)控事件。隨后，開發(fā)人員在計(jì)算設(shè)備處點(diǎn)擊矩形框118右下角的“全部生效”按鈕，響應(yīng)于該點(diǎn)擊，監(jiān)控服務(wù)器將緩存接口中存儲(chǔ)的數(shù)據(jù)轉(zhuǎn)存至數(shù)據(jù)存儲(chǔ)裝置210，這時(shí)，監(jiān)控事件生效。

步驟s350和步驟s360中先將監(jiān)控事件的相關(guān)數(shù)據(jù)緩存于監(jiān)控服務(wù)器的緩存接口中再基于開發(fā)人員的指示轉(zhuǎn)存于數(shù)據(jù)存儲(chǔ)裝置210中的技術(shù)方案，相當(dāng)于，在對(duì)頁(yè)面元素進(jìn)行埋點(diǎn)監(jiān)控時(shí)，采用的是一種多次埋點(diǎn)、一次生效的方案，該方案可以增強(qiáng)用戶體驗(yàn)，實(shí)現(xiàn)更好的監(jiān)控事件管理，防止開發(fā)人員的誤操作以及避免計(jì)算設(shè)備與監(jiān)控服務(wù)器多次交互所帶來(lái)的消耗。

步驟s360之后，即完成了對(duì)待監(jiān)控頁(yè)面的埋點(diǎn)，從而可以實(shí)現(xiàn)對(duì)待監(jiān)控頁(yè)面所屬的網(wǎng)頁(yè)應(yīng)用的監(jiān)控。

根據(jù)一種實(shí)施例，監(jiān)控系統(tǒng)中還包括客戶端，在步驟s360監(jiān)控服務(wù)器將接收到的可監(jiān)控元素及其事件配置信息作為監(jiān)控事件存儲(chǔ)之后，還包括：客戶端發(fā)起對(duì)于待監(jiān)控頁(yè)面的訪問；調(diào)用目標(biāo)監(jiān)控腳本文件從數(shù)據(jù)存儲(chǔ)裝置處獲取待監(jiān)控頁(yè)面的監(jiān)控事件集合，根據(jù)監(jiān)控事件集合收集客戶端對(duì)于待監(jiān)控頁(yè)面的訪問信息。

根據(jù)一種實(shí)施例，訪問信息包括基本信息和已監(jiān)控元素信息?；拘畔蛻舳藰?biāo)識(shí)、瀏覽器信息、客戶端當(dāng)前所處的地理位置信息中的一種或多種。其中，客戶端標(biāo)識(shí)即客戶端的id，其是用于唯一標(biāo)記客戶端的一個(gè)編碼；瀏覽器信息包括當(dāng)前客戶端所使用的瀏覽器的版本信息、代理信息、操作系統(tǒng)信息中的一種或多種；地理位置信息包括當(dāng)前客戶端所處的經(jīng)緯度信息、定位精度、海拔信息、速度信息、方向信息中的一種或多種。已監(jiān)控元素信息包括客戶端對(duì)于已監(jiān)控元素的瀏覽量、點(diǎn)擊量中的一種或多種，其中，瀏覽量指的是用戶對(duì)當(dāng)前待監(jiān)控頁(yè)面的瀏覽次數(shù)，點(diǎn)擊量為用戶對(duì)已監(jiān)控元素的點(diǎn)擊次數(shù)。

例如，如圖11所示，監(jiān)控系統(tǒng)1000中包括計(jì)算設(shè)備110、監(jiān)控服務(wù)器200和客戶端400。計(jì)算設(shè)備110和監(jiān)控服務(wù)器200通過執(zhí)行前述步驟s310～s360在監(jiān)控服務(wù)器200處保存了對(duì)于待監(jiān)控頁(yè)面的一個(gè)或多個(gè)監(jiān)控事件。隨后，客戶端400可以發(fā)起對(duì)于待監(jiān)控頁(yè)面的訪問。待監(jiān)控頁(yè)面中引用了位于監(jiān)控服務(wù)器200處的目標(biāo)監(jiān)控腳本文件(可以參考前述對(duì)于步驟s302的描述)。在客戶端400的瀏覽器打開待監(jiān)控頁(yè)面時(shí)，客戶端400從服務(wù)器處獲取目標(biāo)監(jiān)控腳本文件并緩存于本地，隨后可以調(diào)用該目標(biāo)監(jiān)控腳本文件從監(jiān)控服務(wù)器200處獲取待監(jiān)控頁(yè)面的監(jiān)控事件集合，根據(jù)監(jiān)控事件集合來(lái)收集客戶端對(duì)于待監(jiān)控頁(yè)面的訪問信息，即收集客戶端的基本信息(客戶端標(biāo)識(shí)、瀏覽器信息、客戶端當(dāng)前所處的地理位置等)以及已監(jiān)控元素信息(客戶端對(duì)于已監(jiān)控元素的瀏覽量、點(diǎn)擊量等)，并將收集到的信息上報(bào)至監(jiān)控服務(wù)器200。

根據(jù)一種實(shí)施例，在目標(biāo)監(jiān)控腳本文件收集到客戶端對(duì)于待監(jiān)控頁(yè)面的訪問信息后，有兩種方式向監(jiān)控服務(wù)器200發(fā)送。第一種方式為，當(dāng)客戶端處的用戶離開待監(jiān)控頁(yè)面時(shí)觸發(fā)window.onunload或window.onbeforeunload事件，向監(jiān)控服務(wù)器200發(fā)送訪問信息。另一種方式為，當(dāng)目標(biāo)監(jiān)控腳本文件被執(zhí)行后定時(shí)向監(jiān)控服務(wù)器200上報(bào)收集到的信息，例如定時(shí)每3s發(fā)送一次。以上兩種數(shù)據(jù)發(fā)送方式可以保證目標(biāo)監(jiān)控腳本文件將收集到的數(shù)據(jù)完整地發(fā)送到監(jiān)控服務(wù)器200。

a5：a1或4所述的方法，其中，所述事件配置信息包括事件名稱，所述接收計(jì)算設(shè)備對(duì)于可監(jiān)控元素的選定以及對(duì)該可監(jiān)控元素的事件配置信息的設(shè)置的步驟包括：接收計(jì)算設(shè)備對(duì)于可監(jiān)控元素的選定；獲取所述選定的可監(jiān)控元素在所述待監(jiān)控頁(yè)面的文檔對(duì)象模型中的路徑，采用預(yù)設(shè)的顯示格式在待監(jiān)控頁(yè)面中標(biāo)記出該可監(jiān)控元素；接收計(jì)算設(shè)備對(duì)于該可監(jiān)控元素所對(duì)應(yīng)的事件名稱的設(shè)置；將所述選定的可監(jiān)控元素在所述待監(jiān)控頁(yè)面的文檔對(duì)象模型中的路徑、對(duì)應(yīng)的事件名稱、待監(jiān)控頁(yè)面所對(duì)應(yīng)的網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)、以及待監(jiān)控頁(yè)面地址關(guān)聯(lián)存儲(chǔ)于監(jiān)控服務(wù)器的緩存接口中。a6：a5所述的方法，其中，在采用預(yù)設(shè)的顯示格式在待監(jiān)控頁(yè)面中標(biāo)記出該可監(jiān)控元素的步驟之后，還包括：基于計(jì)算設(shè)備的指示，根據(jù)可監(jiān)控元素在所述待監(jiān)控頁(yè)面的文檔對(duì)象模型中的路徑查找該可監(jiān)控元素的上一級(jí)元素，并將所述上一級(jí)元素作為選定的可監(jiān)控元素。a7：a5所述的方法，其中，將路徑、事件名稱、網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)、待監(jiān)控頁(yè)面地址關(guān)聯(lián)存儲(chǔ)于監(jiān)控服務(wù)器的緩存接口中的步驟包括：用通配符替換待監(jiān)控頁(yè)面地址中的參數(shù)，生成通配后的待監(jiān)控頁(yè)面地址；將所述選定的可監(jiān)控元素在所述待監(jiān)控頁(yè)面的文檔對(duì)象模型中的路徑、對(duì)應(yīng)的事件名稱、待監(jiān)控頁(yè)面所對(duì)應(yīng)的網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)、以及通配后的待監(jiān)控頁(yè)面地址關(guān)聯(lián)存儲(chǔ)于監(jiān)控服務(wù)器的緩存接口中。a8：a5或7所述的方法，其中，將選定的可監(jiān)控元素及其事件配置信息作為監(jiān)控事件，存儲(chǔ)于數(shù)據(jù)存儲(chǔ)裝置中以便對(duì)所述已選定的可監(jiān)控元素進(jìn)行監(jiān)控的步驟包括：接收計(jì)算設(shè)備發(fā)送的將選定的可監(jiān)控元素及其事件配置信息全部生效的指示，將所述緩存接口中存儲(chǔ)的信息作為監(jiān)控事件存儲(chǔ)于數(shù)據(jù)存儲(chǔ)裝置中，以便對(duì)所述已選定的可監(jiān)控元素進(jìn)行監(jiān)控。a9：a1或7所述的方法，其中，根據(jù)所述待監(jiān)控頁(yè)面地址從數(shù)據(jù)存儲(chǔ)裝置處獲取待監(jiān)控頁(yè)面的監(jiān)控事件集合的步驟包括：接收計(jì)算設(shè)備對(duì)于待監(jiān)控頁(yè)面地址是否為通配的待監(jiān)控頁(yè)面地址的指示；當(dāng)待監(jiān)控頁(yè)面地址為通配的待監(jiān)控頁(yè)面地址時(shí)，根據(jù)所述通配的待監(jiān)控頁(yè)面地址從所述數(shù)據(jù)存儲(chǔ)裝置處獲取待監(jiān)控頁(yè)面的監(jiān)控事件集合。a10：a1所述的方法，其中，在將選定的可監(jiān)控元素及其事件配置信息作為監(jiān)控事件存儲(chǔ)的步驟之后，還包括：在客戶端訪問所述待監(jiān)控頁(yè)面時(shí)，調(diào)用所述目標(biāo)監(jiān)控腳本文件從數(shù)據(jù)存儲(chǔ)裝置處獲取待監(jiān)控頁(yè)面的監(jiān)控事件集合，根據(jù)所述監(jiān)控事件集合收集所述客戶端對(duì)于所述待監(jiān)控頁(yè)面的訪問信息。a11：a10所述的方法，其中，所述訪問信息包括基本信息和已監(jiān)控元素信息，所述基本信息包括客戶端標(biāo)識(shí)、瀏覽器信息、客戶端當(dāng)前所處的地理位置信息中的一種或多種，其中，所述瀏覽器信息包括當(dāng)前客戶端所使用的瀏覽器的版本信息、代理信息、操作系統(tǒng)信息中的一種或多種，所述地理位置信息包括當(dāng)前客戶端所處的經(jīng)緯度信息、定位精度、海拔信息、速度信息、方向信息中的一種或多種；所述已監(jiān)控元素信息包括客戶端對(duì)于已監(jiān)控元素的瀏覽量、點(diǎn)擊量中的一種或多種。

b16：b12或15所述的方法，其中，所述事件配置信息包括事件名稱，所述接收開發(fā)人員對(duì)于可監(jiān)控元素的選定以及對(duì)該可監(jiān)控元素的事件配置信息的設(shè)置，并將接收到的可監(jiān)控元素及其事件配置信息發(fā)送至監(jiān)控服務(wù)器的步驟包括：接收開發(fā)人員對(duì)于可監(jiān)控元素的選定；獲取所述選定的可監(jiān)控元素在所述待監(jiān)控頁(yè)面的文檔對(duì)象模型中的路徑，采用預(yù)設(shè)的顯示格式在待監(jiān)控頁(yè)面中標(biāo)記出該可監(jiān)控元素；接收開發(fā)人員對(duì)于該可監(jiān)控元素所對(duì)應(yīng)的事件名稱的設(shè)置；將所述選定的可監(jiān)控元素在所述待監(jiān)控頁(yè)面的文檔對(duì)象模型中的路徑、對(duì)應(yīng)的事件名稱、待監(jiān)控頁(yè)面所對(duì)應(yīng)的網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)、以及待監(jiān)控頁(yè)面地址發(fā)送至監(jiān)控服務(wù)器的緩存接口中。b17：b16所述的方法，其中，在采用預(yù)設(shè)的顯示格式在待監(jiān)控頁(yè)面中標(biāo)記出該可監(jiān)控元素的步驟之后，還包括：基于開發(fā)人員的指示，根據(jù)可監(jiān)控元素在所述待監(jiān)控頁(yè)面的文檔對(duì)象模型中的路徑查找該可監(jiān)控元素的上一級(jí)元素，并將所述上一級(jí)元素作為選定的可監(jiān)控元素。b18：b16所述的方法，其中，將路徑、事件名稱、網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)、待監(jiān)控頁(yè)面地址發(fā)送至監(jiān)控服務(wù)器的緩存接口中的步驟包括：用通配符替換待監(jiān)控頁(yè)面地址中的參數(shù)，生成通配后的待監(jiān)控頁(yè)面地址；將所述選定的可監(jiān)控元素在所述待監(jiān)控頁(yè)面的文檔對(duì)象模型中的路徑、對(duì)應(yīng)的事件名稱、待監(jiān)控頁(yè)面所對(duì)應(yīng)的網(wǎng)頁(yè)應(yīng)用標(biāo)識(shí)、以及通配后的待監(jiān)控頁(yè)面地址發(fā)送至監(jiān)控服務(wù)器的緩存接口中。b19：b16或18所述的方法，其中，監(jiān)控服務(wù)器將接收到的可監(jiān)控元素及其事件配置信息作為監(jiān)控事件，存儲(chǔ)于數(shù)據(jù)存儲(chǔ)裝置中以便對(duì)所述已選定的可監(jiān)控元素進(jìn)行監(jiān)控的步驟包括：計(jì)算設(shè)備接收開發(fā)人員將選定的可監(jiān)控元素及其事件配置信息全部生效的指示，并將該指示發(fā)送至監(jiān)控服務(wù)器；監(jiān)控服務(wù)器接收該指示，將所述緩存接口中存儲(chǔ)的信息作為監(jiān)控事件存儲(chǔ)于數(shù)據(jù)存儲(chǔ)裝置中，以便對(duì)所述已選定的可監(jiān)控元素進(jìn)行監(jiān)控。b20：b12或18所述的方法，其中，在計(jì)算設(shè)備接收開發(fā)人員輸入的待監(jiān)控頁(yè)面地址的步驟之后，還包括：計(jì)算設(shè)備接收開發(fā)人員對(duì)于待監(jiān)控頁(yè)面地址是否為通配的待監(jiān)控頁(yè)面地址的指示；根據(jù)所述待監(jiān)控頁(yè)面地址從數(shù)據(jù)存儲(chǔ)裝置處獲取待監(jiān)控頁(yè)面的監(jiān)控事件集合的步驟包括：當(dāng)待監(jiān)控頁(yè)面地址為通配的待監(jiān)控頁(yè)面地址時(shí)，根據(jù)所述通配的待監(jiān)控頁(yè)面地址從所述數(shù)據(jù)存儲(chǔ)裝置處獲取待監(jiān)控頁(yè)面的監(jiān)控事件集合。b21：b12所述的方法，其中，所述監(jiān)控系統(tǒng)還包括客戶端，在監(jiān)控服務(wù)器將接收到的可監(jiān)控元素及其事件配置信息作為監(jiān)控事件存儲(chǔ)的步驟之后，還包括：客戶端發(fā)起對(duì)于待監(jiān)控頁(yè)面的訪問；調(diào)用目標(biāo)監(jiān)控腳本文件從數(shù)據(jù)存儲(chǔ)裝置處獲取待監(jiān)控頁(yè)面的監(jiān)控事件集合，根據(jù)所述監(jiān)控事件集合收集所述客戶端對(duì)于所述待監(jiān)控頁(yè)面的訪問信息。b22：b21所述的方法，其中，所述訪問信息包括基本信息和已監(jiān)控元素信息，所述基本信息包括客戶端標(biāo)識(shí)、瀏覽器信息、客戶端當(dāng)前所處的地理位置信息中的一種或多種，其中，所述瀏覽器信息包括當(dāng)前客戶端所使用的瀏覽器的版本信息、代理信息、操作系統(tǒng)信息中的一種或多種，所述地理位置信息包括當(dāng)前客戶端所處的經(jīng)緯度信息、定位精度、海拔信息、速度信息、方向信息中的一種或多種；所述已監(jiān)控元素信息包括客戶端對(duì)于已監(jiān)控元素的瀏覽量、點(diǎn)擊量中的一種或多種。

在此處所提供的說(shuō)明書中，算法和顯示不與任何特定計(jì)算機(jī)、虛擬系統(tǒng)或者其它設(shè)備固有相關(guān)。各種通用系統(tǒng)也可以與本發(fā)明的示例一起使用。根據(jù)上面的描述，構(gòu)造這類系統(tǒng)所要求的結(jié)構(gòu)是顯而易見的。此外，本發(fā)明也不針對(duì)任何特定編程語(yǔ)言。應(yīng)當(dāng)明白，可以利用各種編程語(yǔ)言實(shí)現(xiàn)在此描述的本發(fā)明的內(nèi)容，并且上面對(duì)特定語(yǔ)言所做的描述是為了披露本發(fā)明的最佳實(shí)施方式。

在此處所提供的說(shuō)明書中，說(shuō)明了大量具體細(xì)節(jié)。然而，能夠理解，本發(fā)明的實(shí)施例可以在沒有這些具體細(xì)節(jié)的情況下被實(shí)踐。在一些實(shí)例中，并未詳細(xì)示出公知的方法、結(jié)構(gòu)和技術(shù)，以便不模糊對(duì)本說(shuō)明書的理解。

類似地，應(yīng)當(dāng)理解，為了精簡(jiǎn)本公開并幫助理解各個(gè)發(fā)明方面中的一個(gè)或多個(gè)，在上面對(duì)本發(fā)明的示例性實(shí)施例的描述中，本發(fā)明的各個(gè)特征有時(shí)被一起分組到單個(gè)實(shí)施例、圖、或者對(duì)其的描述中。然而，并不應(yīng)將該公開的方法解釋成反映如下意圖：即所要求保護(hù)的本發(fā)明要求比在每個(gè)權(quán)利要求中所明確記載的特征更多特征。更確切地說(shuō)，如下面的權(quán)利要求書所反映的那樣，發(fā)明方面在于少于前面公開的單個(gè)實(shí)施例的所有特征。因此，遵循具體實(shí)施方式的權(quán)利要求書由此明確地并入該具體實(shí)施方式，其中每個(gè)權(quán)利要求本身都作為本發(fā)明的單獨(dú)實(shí)施例。

本領(lǐng)域那些技術(shù)人員應(yīng)當(dāng)理解在本文所公開的示例中的設(shè)備的模塊或單元或組件可以布置在如該實(shí)施例中所描述的設(shè)備中，或者可替換地可以定位在與該示例中的設(shè)備不同的一個(gè)或多個(gè)設(shè)備中。前述示例中的模塊可以組合為一個(gè)模塊或者此外可以分成多個(gè)子模塊。

本領(lǐng)域那些技術(shù)人員可以理解，可以對(duì)實(shí)施例中的設(shè)備中的模塊進(jìn)行自適應(yīng)性地改變并且把它們?cè)O(shè)置在與該實(shí)施例不同的一個(gè)或多個(gè)設(shè)備中?？梢园褜?shí)施例中的模塊或單元或組件組合成一個(gè)模塊或單元或組件，以及此外可以把它們分成多個(gè)子模塊或子單元或子組件。除了這樣的特征和/或過程或者單元中的至少一些是相互排斥之外，可以采用任何組合對(duì)本說(shuō)明書(包括伴隨的權(quán)利要求、摘要和附圖)中公開的所有特征以及如此公開的任何方法或者設(shè)備的所有過程或單元進(jìn)行組合。除非另外明確陳述，本說(shuō)明書(包括伴隨的權(quán)利要求、摘要和附圖)中公開的每個(gè)特征可以由提供相同、等同或相似目的的替代特征來(lái)代替。

此外，本領(lǐng)域的技術(shù)人員能夠理解，盡管在此所述的一些實(shí)施例包括其它實(shí)施例中所包括的某些特征而不是其它特征，但是不同實(shí)施例的特征的組合意味著處于本發(fā)明的范圍之內(nèi)并且形成不同的實(shí)施例。例如，在下面的權(quán)利要求書中，所要求保護(hù)的實(shí)施例的任意之一都可以以任意的組合方式來(lái)使用。

此外，所述實(shí)施例中的一些在此被描述成可以由計(jì)算機(jī)系統(tǒng)的處理器或者由執(zhí)行所述功能的其它裝置實(shí)施的方法或方法元素的組合。因此，具有用于實(shí)施所述方法或方法元素的必要指令的處理器形成用于實(shí)施該方法或方法元素的裝置。此外，裝置實(shí)施例的在此所述的元素是如下裝置的例子：該裝置用于實(shí)施由為了實(shí)施該發(fā)明的目的的元素所執(zhí)行的功能。

如在此所使用的那樣，除非另行規(guī)定，使用序數(shù)詞“第一”、“第二”、“第三”等等來(lái)描述普通對(duì)象僅僅表示涉及類似對(duì)象的不同實(shí)例，并且并不意圖暗示這樣被描述的對(duì)象必須具有時(shí)間上、空間上、排序方面或者以任意其它方式的給定順序。

盡管根據(jù)有限數(shù)量的實(shí)施例描述了本發(fā)明，但是受益于上面的描述，本技術(shù)領(lǐng)域內(nèi)的技術(shù)人員明白，在由此描述的本發(fā)明的范圍內(nèi)，可以設(shè)想其它實(shí)施例。此外，應(yīng)當(dāng)注意，本說(shuō)明書中使用的語(yǔ)言主要是為了可讀性和教導(dǎo)的目的而選擇的，而不是為了解釋或者限定本發(fā)明的主題而選擇的。因此，在不偏離所附權(quán)利要求書的范圍和精神的情況下，對(duì)于本技術(shù)領(lǐng)域的普通技術(shù)人員來(lái)說(shuō)許多修改和變更都是顯而易見的。對(duì)于本發(fā)明的范圍，對(duì)本發(fā)明所做的公開是說(shuō)明性的，而非限制性的，本發(fā)明的范圍由所附權(quán)利要求書限定。