一种前端页面精细化区域打点方法及系统技术方案

本发明专利技术涉及一种前端页面精细化区域打点方法及系统，包括获取用户进入的当前页面，所述页面包括若干区域；设置滑动事件监听；判断所述区域是否已经打点；若所述区域未打点，则判断所述页面是否停止滑动；若所述页面停止滑动，则获取所述区域所在模块的坐标；基于所述坐标，判断所述模块是否在所述页面的可视区域；若所述模块在所述页面的可视区域，则对所述区域进行打点上传。通过利用区域打点，将以往的按照页面浏览打点，精确到用户区域打点，将用户行为信息更精确的获取，针对用户个性化行为的分析及推荐更精确。行为的分析及推荐更精确。行为的分析及推荐更精确。

【技术实现步骤摘要】
一种前端页面精细化区域打点方法及系统


[0001]本专利技术涉及计算机
，尤其涉及一种前端页面精细化区域打点方法及系统。

技术介绍

[0002]用户事件打点是指当用户点击某一个按钮等事件行为，进行打点。通过此打点进行用户行为记录，达到用户信息统计行为打点不能精确获取用户行为。而一个页面中包含的元素如果非常多。用户虽然访问当前页面了，按照现有的打点标准，当前页面的一些信息已经打点，记录了用户访问当前产品等相关内容，但其实用户可能进入就退出了，并没有针对性的关注页面中的某一模块。如单个产品页面中可能有多屏幕数据信息，用户并没有滑动观看当前产品信息具体内容，仅仅记录了用户访问时间，具体访问当前页面停留时间也没有统计在内，没有精确的定位到用户访问的信息。
[0003]例如，一个页面包括产品介绍、产品特点、交易规则、走势图、描述信息、产品推荐等模块，而一个屏幕内只能看到产品介绍、产品特点、交易规则模块。如果用户不滑动情况下，用户只能看到当前屏幕显示的内容，用户对当前产品的走势图、描述信息、产品推荐等都不关心，按照以往的打点，目前当前页面的信息都记录在内，包括走势图、描述信息、产品推荐等。不能精确把控用户行为信息。
[0004]另外，在目前的打点中，只是记录了用户的访问那一刻的时间，并没有记录用户访问时常，针对用户对某一个模块访问时间也是统计要素。若将此类一些信息记录的更精准，可以更精确的把控用户行为及用户关注的信息。

技术实现思路

[0005]为了解决上述
技术介绍
中提到的至少一个，本专利技术提出一种前端页面精细化区域打点方法及系统，通过利用区域打点，将以往的按照页面浏览打点，精确到用户区域打点，将用户行为信息更精确的获取，针对用户个性化行为的分析及推荐更精确。
[0006]为实现以上目的，本专利技术所采用的技术方案包括：
[0007]一种前端页面精细化区域打点方法，包括：
[0008]S1、获取用户进入的当前页面，所述页面包括若干区域；
[0009]S2、设置滑动事件监听；
[0010]S3、判断所述区域是否已经打点；
[0011]S4、若所述区域未打点，则判断所述页面是否停止滑动；
[0012]S5、若所述页面停止滑动，则获取所述区域所在模块的坐标；
[0013]S6、基于所述坐标，判断所述模块是否在所述页面的可视区域；
[0014]S7、若所述模块在所述页面的可视区域，则对所述区域进行打点上传。
[0015]进一步地，所述S4还包括：若所述区域都已进行打点，则移除所述滑动事件监听，直接返回。
[0016]进一步地，所述S5还包括：若所述页面未停止滑动，则不进行打点。
[0017]进一步地，所述S6还包括：若所述模块不在所述页面的可视区域，则不对所述区域进行打点。
[0018]进一步地，所述S3之前还包括：在所述页面的若干区域分别设置定时器，用于判断所述页面是否停止滑动，若所述页面是否停止滑动，则在相应的区域停止所述定时器。
[0019]本专利技术还涉及一种前端页面精细化区域打点系统，包括：
[0020]第一获取模块，用于获取用户进入的当前页面，所述页面包括若干区域；
[0021]设置模块，用于设置滑动事件监听；
[0022]第一判断模块，用于判断所述区域是否已经打点；
[0023]第二判断模块，用于若所述区域未打点，则判断所述页面是否停止滑动；
[0024]第二获取模块，用于若所述页面停止滑动，则获取所述区域所在模块的坐标；
[0025]第三判断模块，用于基于所述坐标，判断所述模块是否在所述页面的可视区域；
[0026]处理模块，用于若所述模块在所述页面的可视区域，则对所述区域进行打点上传。
[0027]本专利技术还涉及一种计算机可读存储介质，所述存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现上述的方法。
[0028]本专利技术还涉及一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述的方法。
[0029]本专利技术的有益效果为：
[0030]本专利技术通过利用区域打点，将以往的按照页面浏览打点，精确到用户区域打点，将用户行为信息更精确的获取，针对用户个性化行为的分析及推荐更精确。
附图说明
[0031]图1为本专利技术前端页面精细化区域打点方法流程示意图。
[0032]图2为本专利技术前端页面精细化区域打点系统结构示意图。
具体实施方式
[0033]为使本申请的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
[0034]应当理解，在本申请的描述中，除非上下文明确要求，否则整个说明书和权利要求书中的“包括”、“包含”等类似词语应当解释为包含的含义而不是排他或穷举的含义；也就是说，是“包括但不限于”的含义。
[0035]还应当理解，术语“第一”、“第二”等仅用于描述目的，而不能理解为指示或暗示相对重要性。此外，在本申请的描述中，除非另有说明，“多个”的含义是两个或两个以上。
[0036]需要注意的是，术语“S1”、“S2”等仅用于步骤的描述目的，并非特别指称次序或顺位的意思，亦非用以限定本申请，其仅仅是为了方便描述本申请的方法，而不能理解为指示步骤的先后顺序。另外，各个实施例之间的技术方案可以相互结合，但是必须是以本领域普通技术人员能够实现为基础，当技术方案的结合出现相互矛盾或无法实现时应当认为这种
技术方案的结合不存在，也不在本申请要求的保护范围之内。
[0037]对于前端使用vue框架，针对进入页面渲染，从页面的呈现到页面的销毁有对应的生命周期，在开发初始化中其中包含两个关键的周期。利用生命周期created,mouted判定打点数据。以下简单介绍几个初始化的生命周期，
[0038]在beforecreate阶段，对浏览器来说，整个渲染流程尚未开始或者说准备开始，对vue来说，实例尚未被初始化，data observer和event/watcher也还未被调用，在此阶段，对data、methods或文档节点的调用现在无法得到正确的数据。
[0039]在created阶段，对浏览器来说，渲染整个HTML文档时,dom节点、css规则树与js文件被解析后，但是没有进入被浏览器render过程，上述资源是尚未挂载在页面上，也就是在vue生命周期中对应的created阶段，实例已经被初始化，但是还没有挂载至$el上，所以无法获取到对应的节点，但是此时是可以获取到vue中data与methods中的数据的
[0040]在beforeMount阶段，本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种前端页面精细化区域打点方法，其特征在于，包括：S1、获取用户进入的当前页面，所述页面包括若干区域；S2、设置滑动事件监听；S3、判断所述区域是否已经打点；S4、若所述区域未打点，则判断所述页面是否停止滑动；S5、若所述页面停止滑动，则获取所述区域所在模块的坐标；S6、基于所述坐标，判断所述模块是否在所述页面的可视区域；S7、若所述模块在所述页面的可视区域，则对所述区域进行打点上传。2.如权利要求1所述的方法，其特征在于，所述S4还包括：若所述区域都已进行打点，则移除所述滑动事件监听，直接返回。3.如权利要求2所述的方法，其特征在于，所述S5还包括：若所述页面未停止滑动，则不进行打点。4.如权利要求3所述的方法，其特征在于，所述S6还包括：若所述模块不在所述页面的可视区域，则不对所述区域进行打点。5.如权利要求2所述的方法，其特征在于，所述S3之前还包括：在所述页面的若干区域分别设置定时器，用于判断所述页面是否停止滑动，...

【专利技术属性】
技术研发人员：祝彬彬，
申请(专利权)人：中信百信银行股份有限公司，
类型：发明
国别省市：