专利名称：一种获取网页区域点击数量的方法
技术领域：
本发明涉及计算机网络技术领域，特别是涉及一种获取网页区域 点击数量的方法。
背景技术：
随着计算机网络技术的不断发展，网页点击数量的统计越来越受 到用户的重视。目前，统计网页点击数量的方法主要是在被需要统计的页面中布署javascript代码，javascript代码会监听浏览者在浏览页 面时产生的点击行为，并将浏览者点击的数据回传至釆集服务器，然 后通过后台计算而得到点击数量。通过对网页点击数量的分析，可以 判断该网页是否受到用户关注。在实现本发明过程中，发明人发现现有技术中至少存在如下问 题在现有的统计网页点击数量的方法中，只能统计该网页的总体点 击数量，不能获取网页区域的点击数量，从而不能判断该网页的哪些 栏目最经常被用户点击，哪些内容最受用户关注，也不能了解页面的 焦点区域。发明内容本发明实施例要解决的问题是提供 一种获取网页区域点击数量 的方法，以克服现有技术中不能获取网页区域点击数量的缺陷。为达到上述目的，本发明实施例的技术方案提供一种获取网页区 域点击数量的方法，所述方法包括以下步骤釆集待监测网页上的点击行为，并获取所述点击的位置；发送所述点击的信息到数据釆集服 务器；根据所述数据釆集服务器收到的数据，生成结果报告；在报告 页面中获取用户选择的数据报告网页区域；根据每个点击的位置和所 述数据报告网页区域，获取所述数据报告网页区域的点击数量；显示所述点击数量。其中，在所述釆集待监测网页上的点击行为，并获取所述点击的 位置的步骤中，具体包括监测所述待监测网页上的点击行为，并获 取所述点击的对象类型、坐标、客户端的屏幕分辨率和客户端浏览器 的窗口大小的数据。其中，在所述获取点击的对象类型数据的步骤中，具体包括当打开所述待监测网页的浏览器为IE时，利用window.event.srcElement 获取点击事件对象，并利用对象的nodeName属性获取所述点击事件 对象的类型；当打开所述待监测网页的浏览器为网景及其兼容浏览器 时，利用event.target获取点击事件对象，并利用对象的nodeName属性获取所述点击事件对象的类型。其中，在所述获取点击的坐标数据的步骤中，具体包括获取鼠 标在当前窗口中的点击的横坐标和纵坐标的数值；获取浏览器窗口的 上下滚动条距浏览器的左边距和上边距的数值；通过所述鼠标在当前 窗口中的点击的横坐标与所述浏览器窗口的上下滚动条距浏览器的 左边距求和，获取所述点击的横坐标；通过所述鼠标在当前窗口中的 点击的纵坐标与所述浏览器窗口的上下滚动条距浏览器的上边距求 和，获取所述点击的纵坐标。其中，在所述获取客户端的屏幕分辨率数据的步骤中，具体包括: 当可以获取到浏览器的self.screen对象时，利用self.screen.width和 self.screen.height获取屏幕的分辨率；当无法获取浏览器self.screen对 象时，如果可以获取到 self.java 对象，利用 java.awt.ToolkitgetDefaultToolkit().getScrennSize().width 和 java.awt.Toolkit.getDefaultToolkit().getScre皿Size().height获取屏幕的 分辨率。其中，在所述获取客户端浏览器的窗口大小数据的步骤中，具体 包括如果获取到浏览器的self.innerWidth和self.innerHeight属性，则使用self.innerWidth和self.innerHeight值为所述客户端浏览器的窗 口大小；或获取document.documentElement.clientWidth和 document.documentElement.clientHeight的值为所述客户端浏览器的 窗口大小；或获取document.body.clientWidth和 document.body.clientHeight的值为所述客户端浏览器的窗口大小。其中，在所述获取点击的对象类型、坐标、客户端的屏幕分辨率 和客户端浏览器的窗口大小的数据之后，还包括过滤掉非法的点击记 录的步骤，所述步骤具体包括当连续两次点击时间间隔大于设定时 间时，过滤掉所述点击；当点击超过内容页的大小或者在滚动条上点 击时，过滤掉所述点击；当把网页下载到本地进行点击时，过滤掉所 述点击；当点击对象点击后无法触发页面事件产生时，过滤掉所述点击。其中，在所述根据数据釆集服务器收到的数据，生成结果报告的步骤中，包括数据釆集服务器收到点击信息后，计算出页面被点击的总数量，以及各个区块的点击数量；根据所获得的点击坐标以及各个坐标被重复点击的次数，可以生成点击热图来反映页面被点击的热 点区域，热图中每个像素的颜色以该坐标点击重合的次数分为不同颜色。其中，所述用户选择的数据报告网页区域包括所述网页的完整 页面、所述网页中预先设定的区域、用户在所述网页的页面中用鼠标 拖曳出的区域。其中，在所述获取用户选择的数据报告网页区域的步骤中，具体 包括当监视到用户在所述数据报告网页的页面中用鼠标拖曳出 一个 区域时，获取所述区域的左上角和右下角的坐标，由所述坐标确定的 区域为用户选择的数据报告网页区域。上述技术方案仅是本发明的一个优选技术方案，具有如下优点 本发明实施例通过釆集到的每个点击的位置和用户选择的数据报告网页区域，可以获取并显示所述网页区域的点击数量，从而了解页面 的焦点区域。
图l是本发明实施例的一种获取网页区域点击数量的方法的流程图；图2是本发明实施例的另一种获取网页区域点击数量的方法的流 程图；图3是本发明实施例的另一种获取网页区域点击数量的方法的流 程图。
具体实施方式
下面结合附图和实施例，对本发明的具体实施方式
作进一步详细 描述。以下实施例用于说明本发明，但不用来限制本发明的范围。本发明主要是针对网站首页、频道首页或某一推广页面点击情况 的分析，可以按照用户自定义区域来显示所述区域的点击数量。本发明的一种获取网页区域点击数量的方法，包括以下步骤 首先，采集待监测网页上的点击行为，并获取所述点击的位置。 具体为首先监测所述待监测网页上的点击行为，并获取所述点击的 对象类型、坐标、客户端的屏幕分辨率和客户端浏览器的窗口大小的 数据，然后过滤掉非法的点击记录，最后，将用户的点击信息发送至 数据采集服务器。在获取点击的对象类型数据时，IE (Ineternet Explorer)与网景 及其兼容浏览器(例如Firefox等)取得点击对象事件的方式是不同 的。当打开所述待监测网页的浏览器为IE (InternetExplorer)时，可 利用window.event.srcElement获取点击事件对象；当打开所述待监测 网页的浏览器为Netscape兼容浏览器时，产生点击事件对象可通过在 函数触发时向函数提供的事件参数获得，例如参数名为event,则 event.target为点击事件的对象。获取点击事件对象后，可利用nodeName获取所述点击事件对象的类型(如链接类型(A)，文本 区域类型(AREA)等)。在获取点击的坐标数据时，主要通过获取鼠标在当前窗口中的点 击的横坐标和纵坐标的数值和获取浏览器窗口的上下滚动条距浏览 器上边距和左边距的数值，通过这两对值的和来获取鼠标点击的绝对 坐标。其中，可以利用event.clientX获取鼠标在当前窗口中的点击的 横坐标，利用event.clientY获取鼠标在当前窗口中的点击的纵坐标； 获取滚动条距浏览器的距离对不同的浏览器使用不同的获取方法来 兼容不同的浏览器，如获取网景浏览器的滚动条的左边距用 self.pageXOffset,上边距用self.pageYOffset;对于IE浏览器，则使 用documentdocumentElement.scrollLeft获取滚动条的左边距，使用 document.documentElement.scrollTop获取滚动条的上边距；对于其他 浏览器，则使用document.body.scrollLeft获取滚动条的左边距，使用 document.body.scrollTop获取滚动条的上边距；然后通过所述鼠标在 当前窗口中的点击的横坐标与所述浏览器窗口的上下滚动条距浏览 器的左边距求和，获取所述点击的横坐标；通过所述鼠标在当前窗口 中的点击的纵坐标与所述浏览器窗口的上下滚动条距浏览器的上边 距求和，获取所述点击的纵坐标。在获取客户端的屏幕分辨率时，在正常的情况下，使用 self.screen.width和self.screen.height来获取屏幕的分辨率；如果在浏 览器支持JAVA而不支持screen的情况下，使用 java.awt.Toolkit.getDefaultToolkit().getScrennSize(),wi她 和 java.awt.Toolkit.getDefaultToolkit().getScre皿Size().height来获取屏幕 的分辨率。在获取客户端浏览器的窗口大小时，对于不同的浏览器使用不同 的获取方法，如网景使用self.innerWidth和self.innerHeight来获取客 户端浏览器窗口的大小；对于IE则使用document. documentElement. client Width和document.documen伍lement.clientHeight来获取；对于其他的浏览器， 则使用document.body.clientWidth和document.body.clientHeight来获取。过滤掉非法的点击记录的步骤包括(1) 当连续两次点击时间间隔大于设定时间时，过滤掉所述点击；(2) 当点击超过内容页的大小或者在滚动条上点击时，过滤掉所述点击；(3) 当把网页下载到本地进行点击时，过滤掉所述点击；(4) 当点击对象点击后无法触发页面事件产生时，过滤掉所述点击。在取得用户的点击信息后，通过Javascript创建 image对象，图 片的地址为数据釆集服务器，将所釆集到的点击信息作为图片地址的 参数传回。数据采集服务器收集到点击信息后，根据收到信息的条数得到页面被点击的总数量，以及各个区块的点击数量；通过所获得的点击坐 标计算出每个坐标被重复点击的次数，根据这些数据可以生成点击热图，通过不同的颜色来反映页面被点击的热点区域，热图中每个像素 的颜色以该坐标点击重合的次数分为不同颜色。然后，报告查看用户可以登录到点击信息数据报告系统，系统将 获取用户选择的数据报告网页区域，所述用户选择的报告网页区域包 括所述网页的完整页面、所述网页中预先设定的区域、用户在所述网 页的页面中用鼠标拖曳出的区域。当监视到用户在所述数据报告网页 的页面中用鼠标拖曳出一个区域时，获取所述区域的左上角和右下角 的坐标，由所述坐标确定的区域为用户选择的数据报告网页区域。再根据每个点击的位置和所述数据报告网页区域，获取所述数据报告网页区域的点击数量。最后，显示所述点击数量。实施例 一 ，当所述用户选择的数据报告网页区域为所述网页的完 整页面时，本发明的一种获取网页区域点击数量的方法的流程图如图l所示，参照图l,本实施例包括以下步骤步骤SIOI,釆集待监测网页上的点击行为，并获取所述点击的数据。在本实施例中，在被需要统计的页面中布署javascript代码， j avascript代码可以监听浏览者在浏览页面时产生的点击行为，并获取 所述点击的对象类型、坐标、客户端的屏幕分辨率和客户端浏览器的 窗口大小等数据。本实施例中，假设使用IE打开所述待监测网页， 在获取点击的对象类型数据时，利用window.event.srcElement获取点 击事件对象，并利用nodeName获取所述点击事件对象的类型；利用 event.clientX获取鼠标在当前窗口中的点击的横坐标，利用 event.clientY获取鼠标在当前窗口中的点击的纵坐标，使用 document.documentElement.scrollLeft获取滚动条的左边距，使用 document.docmnentElement.scrollTop获取滚动条的上边距，并通过这 两对值的和来获取鼠标点击的绝对坐标；使用self.screen.width和 self.screen.height 来获取屏幕的分辨率；使用 document.documentElement.client Width 和 document.documentElement.clientHeight来获取客户端浏览器的窗口 的大小。步骤sl02，过滤掉非法的点击记录。在本实施例中，假设部分点 击连续两次点击时间间隔大于设定时间(如500毫秒)，则过滤掉所 述点击。步骤sl03，将釆集到的数据传输到数据釆集服务器，通过后台计 算页面点击总数，根据点击对象的坐标生成点击热图，热图中每个像 素的颜色以该坐标点击重合的次数分为不同颜色。在本实施例中，用户的点击行为将以色块的形式在热图中呈现，区域的颜色越亮，则表 明该区域的点击数量越密集。步骤S104,根据每个点击的位置，获取所述数据报告网页的点击数量。本实施例中，通过Ajax方式，比较点击的坐标是否在所述网页内，并对在所述网页内的点击进行统计，获取所述网页的点击数量。步骤sl05,在所述数据报告网页内显示所述点击数量。实施例二，当所述用户选择的数据报告网页区域为所述网页中预 先设定的区域时，本发明的一种获取网页区域点击数量的方法的流程 图如图2所示，参照图2，本实施例包括以下步骤步骤s201，釆集待监测网页上的点击行为，并获取所述点击的数 据。在本实施例中，在被需要统计的页面中布署javascript代码， j avascript代码可以监听浏览者在浏览页面时产生的点击行为，并获取 所述点击的对象类型、坐标、客户端的屏幕分辨率和客户端浏览器的 窗口大小等数据。本实施例中，假设使用IE打开所述待监测网页， 其获取所述点击的对象类型、坐标、客户端的屏幕分辨率和客户端浏 览器的窗口大小的方法与实施例 一中的方法相同。步骤s202，过滤掉非法的点击记录。在本实施例中，假设部分点 击为在滚动条上点击，则过滤掉所述点击。步骤s203,将釆集到的数据传输到数据釆集服务器，通过后台计 算页面点击总数，根据点击对象的坐标生成点击热图，热图中每个像 素的颜色以该坐标点击重合的次数分为不同颜色。在本实施例中，用 户的点击行为将以色块的形式在热图中呈现，区域的颜色越亮，则表 明该区域的点击数量越密集。步骤s204,根据每个点击的位置和所述数据报告网页中预先设定 的区域，获取所述网页区域的点击数量。本实施例中，所述网页区域 由该网页中预先设定的区域的左上角和右下角的坐标确定，例如该 网页中预先设定的区域的左上角坐标为(300， 500 )，右下角坐标为(600， 200)时,由点(300， 500)与点(300， 200)的连线、点(300， 200)与点(600， 200)的连线、点(600, 200)与点(600, 500 ) 的连线、点(600, 500)与点(300， 500 )的连线构成的矩形区域为 用户选择的网页区域。通过Ajax方式，比较点击的坐标是否在所述 网页区域内，并对在所述网页区域内的点击进行统计，获取所述网页 区域的点击数量。步骤s205，在所述数据报告网页区域内显示所述点击数量。实施例三，当所述用户选择的数据报告网页区域为用户在所述网 页的页面中用鼠标拖曳出的区域时，本发明的一种获取网页区域点击 数量的方法的流程图如图3所示，参照图3，本实施例包括以下步骤步骤s301,釆集待监测网页上的点击行为，并获取所述点击的数 据。在本实施例中，在被需要统计的页面中布署javascript代码， j avascript代码可以监听浏览者在浏览页面时产生的点击行为，并获取 所述点击的对象类型、坐标、客户端的屏幕分辨率和客户端浏览器的 窗口大小等数据。本实施例中，假设使用正打开所述待监测网页， 其获取所述点击的对象类型、坐标、客户端的屏幕分辨率和客户端浏 览器的窗口大小的方法与实施例一中的方法相同。步骤s302,过滤掉非法的点击记录。在本实施例中，假设部分点 击没有触发任何页面事件，则过滤掉所述点击。例如当点击页面空白 出，判断到点击对象的HTML代码中并没有onClick或onMouswdown 的事件代码，则判定该次点击无效。步骤s303，将采集到的数据传输到数据釆集服务器，通过后台计 算页面点击总数，根据点击对象的坐标生成点击热图，热图中每个像 素的颜色以该坐标点击重合的次数分为不同颜色。在本实施例中，用 户的点击行为将以色块的形式在热图中呈现，区域的颜色越亮，则表 明该区域的点击数量越密集。步骤s304,当监视到用户在所述报告网页的页面中用鼠标拖曳出一个区域时，获取所述区域的左上角和右下角的坐标，由所述坐标确 定的区域为用户选择的报告网页区域。例如当鼠标拖曳出的区域的左上角坐标为(300, 500)，右下角坐标为(600， 200)时，由点(300, 500)与点(300, 200)的连线、点(300， 200)与点(600， 200) 的连线、点(600， 200)与点(600， 500 )的连线、点(600, 500) 与点(300， 500)的连线构成的矩形区域为用户选择的报告网页区域。步骤s305，根据每个点击的位置和所述报告网页区域，获取所述 网页区域的点击数量。本实施例中，通过Ajax方式，比较点击的坐 标是否在所述网页区域内，并对在所述网页区域内的点击进行统计， 获取所述网页区域的点击数量。步骤s306,在所述报告网页区域内显示所述点击数量。本发明实施例通过釆集到的每个点击的位置和用户选择的网页 区域，可以获取并显示所述网页区域的点击数量，判断该网页的哪些 栏目最经常被用户点击，哪些内容最受用户关注，并了解页面的焦点 区域，从而得出广告最有效的投放区域，对网页内容设计及页面布局 提供指导作用；进一步改善用户的营销计划并帮助用户创建转换率更 高的网站，提高网站运营效率，同时也详尽地反映出被分析页面的媒 介价值和广告投放价值，最终帮助用户提高转换量和利润。以上所述仅是本发明的优选实施方式，应当指出，对于本技术领 域的普通技术人员来说，在不脱离本发明技术原理的前提下，还可以 做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。
权利要求
1、一种获取网页区域点击数量的方法，其特征在于，所述方法包括以下步骤采集待监测网页上的点击行为，并获取所述点击的位置；发送所述点击的信息到数据采集服务器；根据所述数据采集服务器收到的数据，生成结果报告；在报告页面中获取用户选择的数据报告网页区域；根据每个点击的位置和所述数据报告网页区域，获取所述数据报告网页区域的点击数量；显示所述点击数量。
2、 如权利要求1所述获取网页区域点击数量的方法，其特征在 于，在所述釆集待监测网页上的点击行为，并获取所述点击的位置的 步骤中，具体包括监测所述待监测网页上的点击行为，并获取所述点击的对象类 型、坐标、客户端的屏幕分辨率和客户端浏览器的窗口大小的数据。
3、 如权利要求2所述获取网页区域点击数量的方法，其特征在 于，在所述获取点击的对象类型数据的步骤中，具体包括当打开所述待监测网页的浏览器为IE时，利用 window.event.srcElement获取点击事件对象，并利用对象的nodeName 属性获取所述点击事件对象的类型；当打开所述待监测网页的浏览器为网景及其兼容浏览器时，利用 event.target获取点击事件对象，并利用对象的nodeName属性获取所 述点击事件对象的类型。
4、 如权利要求2所述获取网页区域点击数量的方法，其特征在于，在所述获取点击的坐标数据的步骤中，具体包括获取鼠标在当前窗口中的点击的相对横坐标和相对纵坐标的数值；获取浏览器窗口的上下滚动条距浏览器的左边距和上边距的数值；通过所述鼠标在当前窗口中的点击的横坐标与所述浏览器窗口的上下滚动条距浏览器的左边距求和，获取所述点击的绝对横坐标； 通过所述鼠标在当前窗口中的点击的纵坐标与所述浏览器窗口 的上下滚动条距浏览器的上边距求和，获取所述点击的绝对纵坐标。
5、 如权利要求2所述获取网页区域点击数量的方法，其特征在 于，在所述获取客户端的屏幕分辨率数据的步骤中，具体包括当获取到浏览器的self.screen对象时，利用self.screen.width和 self.screen.height获取屏幕的分辨率；当不能获取浏览器self.screen对象，且获取到self.java对象时， 禾U 用java,awt.Toolkit.getDefaultToolkit().getScrennSize().width 和 java.awt.Toolkit.getDefaultToolkit().getScrennSize().height获取屏幕的 分辨率。
6、 如权利要求2所述获取网页区域点击数量的方法，其特征在 于，在所述获取客户端浏览器的窗口大小数据的步骤中，具体包括如果获取到浏览器的self.innerWidth和self.innerHeight属性，则 使用self.innerWidth和self.innerHeight值为所述客户端浏览器的窗口 大小，或获取document.documentElement.clientWidth和 document.documentElement.clientHeight的值为所述客户端浏览器的 窗口大小，或获取document.body.clientWidth和document.body.clientHeight的值为所述客户端浏览器的窗口大小。
7、 如权利要求2所述获取网页区域点击数量的方法，其特征在 于，在所述获取点击的对象类型、坐标、客户端的屏幕分辨率和客户 端浏览器的窗口大小的数据之后，还包括过滤掉非法的点击记录的步骤，所述步骤具体包括当连续两次点击时间间隔大于设定时间时，过滤掉所述点击； 当点击超过内容页的大小或者在滚动条上点击时，过滤掉所述点击；当把网页下载到本地进行点击时，过滤掉所述点击；当点击对象点击后无法触发页面事件产生时，过滤掉所述点击。
8、 如权利要求l所述获取网页区域点击数量的方法，其特征在 于，在所述根据数据釆集服务器收到的数据，生成结果报告的步骤中， 包括生成页面点击总数、区域点击数，以及根据页面点击坐标生成点 击热图，热图中每个像素的颜色以该坐标点击重合的次数分为不同颜 色。
9、 如权利要求l所述获取网页区域点击数量的方法，其特征在于，所述用户选择的数据报告网页区域包括所述网页的完整页面、 所述网页中预先设定的区域、用户在所述网页的页面中用鼠标拖曳出 的区域。
10、 如权利要求9所述获取网页区域点击数量的方法，其特征在 于，在所述获取用户选择的数据报告网页区域的步骤中，具体包括当监视到用户在所述数据报告网页的页面中用鼠标拖曳出 一个 区域时，获取所述区域的左上角和右下角的坐标，由所述坐标确定的 区域为用户选择的数据报告网页区域。
全文摘要
本发明公开了一种获取网页区域点击数量的方法，所述方法包括以下步骤采集待监测网页上的点击行为，并获取所述点击的位置；发送所述点击的信息到数据采集服务器；根据所述数据采集服务器收到的数据，生成结果报告；在报告页面中获取用户选择的数据报告网页区域；根据每个点击的位置和所述数据报告网页区域，获取所述数据报告网页区域的点击数量；显示所述点击数量。本发明通过采集到的每个点击的位置和用户选择的数据报告网页区域，可以获取并显示所述网页区域的点击数量，从而了解页面的焦点区域。
文档编号H04L12/24GK101299688SQ200810114998
公开日2008年11月5日 申请日期2008年6月13日 优先权日2008年6月13日
发明者海 杨, 程 牛, 罗文川 申请人:北京缔元信互联网数据技术有限公司