一种加载网页图片的统计方法、装置及移动终端与流程

本发明实施例涉及互联网技术领域，尤其涉及一种加载网页图片的统计方法、装置及移动终端。

背景技术：

随着移动终端的广泛应用，使用移动终端浏览网页也越来越方便。网页中的图片也是人们获得信息的一种方法，特别是用于展示特定产品的图片。例如，电商网站上，在打开某一产品图片对应的产品网页时，才会对产品网页进行浏览统计。如果没有打开产品网页，则不会对网页上展示的产品图片进行统计。

当产品图片在网页上加载出后，访问者能够了解到产品信息，从而反映访问者对加载出的产品图片的兴趣。所以，目前亟需一种对网页中加载出的图片进行浏览统计的方法，以准确统计访问者对图片的浏览次数，进而对产品推广提供依据。

技术实现要素：

本发明实施例提供一种加载网页图片的统计方法、装置及移动终端，用以实现对网页中加载出的图片进行浏览统计。

第一方面，本发明实施例中提供了一种加载网页图片的统计方法，包括：

确定网页中进入可视区域内的图片加载区域；

在所述网页中加载进入所述可视区域内的图片加载区域对应的真实图片；

向服务器发送对所述真实图片的浏览统计请求。

第二方面，本发明实施例提供了一种加载网页图片的统计装置，包括：

确定模块，用于确定网页中进入可视区域内的图片加载区域；

加载模块，用于在所述网页中加载进入所述可视区域内的图片加载区域对应的真实图片；

发送模块，用于向服务器发送对所述真实图片的浏览统计请求。

第三方面，本发明实施例提供了一种移动终端，包括存储器和和处理器；其中，

所述存储器用于存储一条或多条计算机指令，其中，所述一条或多条计算机指令供所述处理器调用执行；

所述处理器用于：

确定网页中进入可视区域内的图片加载区域；

在所述网页中加载进入所述可视区域内的图片加载区域对应的真实图片；

向服务器发送对所述真实图片的浏览统计请求。

本发明实施例提供了一种加载网页图片的统计方法，包括确定网页中进入可视区域内的图片加载区域，在所述网页中加载进入所述可视区域内的图片加载区域对应的真实图片，最后向服务器发送对所述真实图片的浏览统计请求，从而实现了对网页中加载出的图片的浏览统计，进而为产品推广提供依据。

本发明的这些方面或其他方面在以下实施例的描述中会更加简明易懂。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1示出了本发明实施例提供的一种加载网页图片的统计方法的流程图；

图2示出了本发明实施例提供的另一种加载网页图片的统计方法的流程图；

图3示出了本发明实施例提供的一种加载网页图片的统计装置的框图；

图4示出了本发明实施例提供的另一种加载网页图片的统计装置的框图；

图5示出了本发明实施例提供的一种移动终端的框图。

具体实施方式

为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述。

在本发明的说明书和权利要求书及上述附图中的描述的一些流程中，包含了按照特定顺序出现的多个操作，但是应该清楚了解，这些操作可以不按照其在本文中出现的顺序来执行或并行执行，操作的序号如101、102等，仅仅是用于区分开各个不同的操作，序号本身不代表任何的执行顺序。另外，这些流程可以包括更多或更少的操作，并且这些操作可以按顺序执行或并行执行。需要说明的是，本文中的“第一”、“第二”等描述，是用于区分不同的消息、设备、模块等，不代表先后顺序，也不限定“第一”和“第二”是不同的类型。

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

参照图1，示出了本发明实施例提供的一种加载网页图片的统计方法的流程图，该方法具体可以包括如下步骤：

步骤101，确定网页中进入可视区域内的图片加载区域。

在具体实现中可以通过计算图片加载区域的尺寸大小、滚动条滚动距离、和图片加载区域距离文档边缘的距离，获取图片加载区域与可视区域的位置关系。其中图片加载区域的尺寸大小可以为待加载的图片的尺寸大小。

该可视区域可以为移动终端上显示屏对应的可视区域。

在具体实现中，网页中的图片可以利用图片标签进行定义，在打开网页后可以先根据图片标签属性中的src值，在图片加载区域内加载小体积图片或其他默认的背景图片。该小体积图片可以是真实图片的缩小版，其尺寸小于真实图片的尺寸。该真实图片是图片加载区域内最终显示的图片。

在浏览网页的过程中，发生touchmove事件时，即在手指连续滑动触屏的过程中，对网页中所有的未加载出真实图片的图片加载区域进行持续监听，以确定进入可视区域内的图片加载区域。当发生touchend事件，即手指离开触屏时，对图片加载区域的监听结束。

对于首屏页面，由于没有发生touchmove事件，所以在打开网页后便会主动触发一次监听，从而判断位于首屏内的图片加载区域。

步骤102，在所述网页中加载进入所述可视区域内的图片加载区域对应的真实图片。

在具体实现中，当监听到某一图片加载区域进入可视区域内时，将该图片加载区域对应的图片标签中的scr值替换为真实源date-original的值，从而加载真实源中的真实图片。

在显示图片的过程中，可以通过回调函数，调取控制图片显示效果的指令，以使根据预设的图片显示效果加载出图片加载区域内的真实图片，提高了视觉美感。图片显示效果可以是由左至右、水平百叶窗等方式出现的显示效果。

当图片加载区域加载出真实图片后，则不再对该图片加载区域进行监听。

本发明实施例的网页图片加载，先加载可视区域内的图片，未进入可视区域内的图片不进行加载，所以能够节约网络带宽和提高初次加载的速度。

步骤103，向服务器发送对所述真实图片的浏览统计请求。

本发明实施例提供了一种加载网页图片的统计方法，包括确定网页中进入可视区域内的图片加载区域，在所述网页中加载进入所述可视区域内的图片加载区域对应的真实图片，最后向服务器发送对所述真实图片的浏览统计请求，从而实现了对网页中加载出的图片的浏览统计，进而为产品推广提供依据。

请参见图2所示，图2所示的为本发明实施例提供的另一种加载网页图片的统计方法的流程图。图2所示的实施例为基于图1中步骤103细化的实施例，所以与图1相同的内容可参见图1所示的实施例。图2所示方法可以包括以下步骤：

步骤201，收集加载出的所述真实图片的标识。

在确定进入可视区域内的图片加载区域后，可以通过回调函数，调取收集指令，收集加载出的真实图片的标识。

本发明实施例可以将真实图片的标识保存到全局数组中，从而实现对全局数组中的标识的统一处理。

步骤202，响应于检测到所述网页停止滑动，向所述服务器发送包括所述标识的浏览统计请求。

服务器能够根据真实图片的标识，对相应的真实图片进行浏览统计，得到加载出的真实图被浏览的次数，从而可以为产品推广提供依据。

本发明实施例在检测到网页停止滑动时，才发送浏览统计请求，从而对上次网页停止滑动后到这次网页停止滑动之间加载出的真实图片，一同发送浏览统计请求，而不是对每个进入可视区域内的图片都发送一次浏览统计请求，从而节约网络资源和减少系统负担。

在本发明实施例的优选示例中，步骤12具体可以包括：

响应于检测到触摸结束信号预设时间后，且在所述预设时间内未检测到连续触摸信号，向所述服务器发送包括所述标识的浏览统计请求。

当发生touchend事件时，会发出触摸结束信号。根据该触摸结束信号，可以利用settimeout函数进行延迟处理，在进行延迟处理的预设时间段内，若未检测到touchmove事件发出的连续触摸信号，系统便调取全局数组中的标识，用于向服务器发送浏览统计请求。

当touchmove事件和touchend事件连续交替发生时，通过延迟处理，可以实现touchmove事件后，即使发生touchend事件，也不会立即开始发送浏览统计请求，只有在发生touchend事件预设时间段后，且在此预设时间段内未检测到连续触摸信号，才开始发送浏览统计请求，从而可以将欲统计的真实图片进行最大程度地合并处理，而不是对每个进入可视区域内的图片加载区域都发送一次浏览统计请求，从而最大程度地节约网络资源和减少系统负担。

浏览统计请求中真实图片的标识可以以json对象的形式进行传递，每个真实图片的标识都不同，以明确区别全局数组中的每个元素。

步骤203，从收集的所述标识中移除已经包括在所述浏览统计请求中的标识。

将发送过浏览统计请求的真实图片的标识从收集的标示中移除，可以避免对同一真实图片进行重复浏览统计，从而导致统计不准确的问题。

综上所述，本发明实施例能够实现对网页中加载出的图片的浏览统计，进而对产品推广提供依据。

参照图3，示出了本发明实施例提供的一种加载网页图片的统计装置的框图，该装置具体可以包括如下步骤：

确定模块301，用于确定网页中进入可视区域内的图片加载区域。

加载模块302，用于在所述网页中加载进入所述可视区域内的图片加载区域对应的真实图片。

该加载模块302，可以具体用于根据预设的图片显示效果，在所述网页中加载出进入所述可视区域内的图片加载区域对应的真实图片。

发送模块303，用于向服务器发送对所述真实图片的浏览统计请求。

综上所述，本发明实施例能够实现对网页中加载出的图片的浏览统计，进而对产品推广提供依据。

请参见图4所示，图4所示的为本发明实施例提供的另一种加载网页图片的统计装置的框图。图4所示的实施例为基于图3中发送模块303细化的实施例，所以与图3相同的内容可参见图3所示的实施例。图4所示装置具体可以包括：

收集单元401，用于收集加载出的所述真实图片的标识。

发送单元402，用于响应于检测到所述网页停止滑动，向所述服务器发送包括所述标识的浏览统计请求。

该发送单元402，具体用于响应于检测到触摸结束信号预设时间后，且在所述预设时间内未检测到连续触摸信号，向所述服务器发送包括所述标识的浏览统计请求。

移除单元403，用于从收集的所述标识中移除已经包括在所述浏览统计请求中的标识。

本发明实施例能够实现对网页中加载出的图片的浏览统计，进而对产品推广提供依据，并且可以将欲统计的加载出的图片进行最大程度地合并处理，而不是对每个进入可视区域内的图片加载区域都发送一次浏览统计请求，从而最大程度地节约网络资源和减少系统负担。

参照图5，示出了本发明实施例提供的一种移动终端的框图，该移动终端具体可以包括存储器501和和处理器502；其中，

所述存储器501用于存储一条或多条计算机指令，其中，所述一条或多条计算机指令供所述处理器502调用执行；

所述处理器502用于：

确定网页中进入可视区域内的图片加载区域；

在所述网页中加载进入所述可视区域内的图片加载区域对应的真实图片；

向服务器发送对所述真实图片的浏览统计请求。

综上所述，本发明实施例能够实现对网页中加载出的图片的浏览统计，进而对产品推广提供依据。

本发明实施例还提供了一种计算机存储介质，所述计算机存储介质存储有一条或多条计算机指令，所述计算机指令被执行时实现图1所示的实施例和图2所示的实施例中的加载网页图片的统计方法。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下，即可以理解并实施。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到各实施方式可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件。基于这样的理解，上述技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如rom/ram、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行各个实施例或者实施例的某些部分所述的方法。

最后应说明的是：以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

本发明公开了a1、一种加载网页图片的统计方法，包括：

确定网页中进入可视区域内的图片加载区域；

在所述网页中加载进入所述可视区域内的图片加载区域对应的真实图片；

向服务器发送对所述真实图片的浏览统计请求。

a2、如a1所述的方法中，在所述网页中加载进入所述可视区域内的图片加载区域对应的真实图片的步骤，包括：

根据预设的图片显示效果，在所述网页中加载出进入所述可视区域内的图片加载区域对应的真实图片。

a3、如a1所述的方法中，向服务器发送对所述真实图片的浏览统计请求的步骤，包括：

收集加载出的所述真实图片的标识；

响应于检测到所述网页停止滑动，向所述服务器发送包括所述标识的浏览统计请求。

a4、如a3所述的方法中，所述响应于检测到所述网页停止滑动，向所述服务器发送包括所述标识的浏览统计请求的步骤，包括：

响应于检测到触摸结束信号预设时间后，且在所述预设时间内未检测到连续触摸信号，向所述服务器发送包括所述标识的浏览统计请求。

a5、如a3所述的方法中，响应于检测到所述网页停止滑动，向所述服务器发送包括所述标识的浏览统计请求的步骤之后，包括：

从收集的所述标识中移除已经包括在所述浏览统计请求中的标识。

本发明还公开了b6、一种加载网页图片的统计装置，包括：

确定模块，用于确定网页中进入可视区域内的图片加载区域；

加载模块，用于在所述网页中加载进入所述可视区域内的图片加载区域对应的真实图片；

发送模块，用于向服务器发送对所述真实图片的浏览统计请求。

b7、如b6所述的装置中，所述加载模块，具体用于根据预设的图片显示效果，在所述网页中加载出进入所述可视区域内的图片加载区域对应的真实图片。

b8、如b6所述的装置中，所述发送模块包括：

收集单元，用于收集加载出的所述真实图片的标识；

发送单元，用于响应于检测到所述网页停止滑动，向所述服务器发送包括所述标识的浏览统计请求。

b9、如b8所述的装置中，所述发送单元，具体用于响应于检测到触摸结束信号预设时间后，且在所述预设时间内未检测到连续触摸信号，向所述服务器发送包括所述标识的浏览统计请求。

b10、如b6所述的装置中，所述发送模块还包括：

移除单元，用于从收集的所述标识中移除已经包括在所述浏览统计请求中的标识。

本发明还公开了c11、一种移动终端，包括存储器和和处理器；其中，

所述存储器用于存储一条或多条计算机指令，其中，所述一条或多条计算机指令供所述处理器调用执行；

所述处理器用于：

确定网页中进入可视区域内的图片加载区域；

在所述网页中加载进入所述可视区域内的图片加载区域对应的真实图片；

向服务器发送对所述真实图片的浏览统计请求。

本发明还公开了d12、一种计算机存储介质，所述计算机存储介质存储有一条或多条计算机指令，所述计算机指令被执行时实现如a1-a5中任一项所述的方法。