JS实现点击事件统计

本文介绍了如何利用JavaScript实现网站上的点击事件统计功能,详细探讨了通过JS收集和处理数据,以及与百度统计等第三方统计工具的集成方法。
摘要由CSDN通过智能技术生成

JS实现网站点击事件的统计功能。

/**
 * 点击事件上报,分为立即上报和延时上报,延时上报通过cookie存储。
 * 
 * 一、配置参数,主要用于定义上报的一些配置信息。通过在外部定义_clickc对象重置参数。
 *     参数名称       类型          默认值             说明
 *     selector:      string        '_click_rp'        点击触发的选择器,支持ID、class
 *     prefix:        string        '_rp_'             需要上报的参数属性名前缀,如_rp_type,表示要上报type参数的值
 *     cookie:        string        '_click_rp'        延迟上报时的cookie名称
 *     domain:        string        '.skye.com'    cookie存储的域名(可以通过使用的网站来获得)
 *     delay:         boolean       false              是否延迟上报,延迟上报通过cookie实现
 *     delay_attr:    string        _delay             标签中指定是否延迟上报,优先级最高,ture延时,其他不延时。
 *     
 * 二、外部参数,主要用于定义上报的参数。通过在外部定义_clickq数组增加参数。
 *
 * 三、标签参数,使用前缀_rp_定义,上报的时候会将所有_rp_开头的参数上报。参数的格式分为两种,1种纯字符,1中回调函数。
 * <a class="_click_rp" href="" _rp_a="aa" _rp_b="bb">a</a>,表示上报时的参数为a=aa&b=bb
 * 1,纯字符,直接定义字符,表示需要上传参数的值。
 * 2,回调函数,以javascript:开头。只需定义函数体,在函数体中返回参数的值。
 * 如,<a href="/qa_question/press.html" id="ques_search_btn" class="_click_rp" _rp_act="javascript:if($('#ques_search_btn').text()=='提问'){return 'act_qa_ques';}else{return 'act_search';}"><span>提问</span></a>
 *
 * 四、延时上报,分为三种优先级,如下由高到低
 * 1,标签属性_delay是否指定为true,如果是表示延迟上报。
 * 2,是否为特定标签,如a标签本窗口打开(target等于"_self"或空),submit按钮。
 * 3,配置参数中指定的delay参数。
 * 
 * 五、支持:需要依赖jQuery插件。
 * 
 * 六、使用案列
 * 1,引入JS
 * var _clickq = _clickq || [];
 * _clickq.push(['
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值