背景

Q:为什么要进行监控JS对接?

A:JS是用来监测广告落地页的曝光及后续等行为数据,比如页面展示量,点击量,注册提交, APP下载链接跳转等情况,乐酷会根据监测到的行为数据分析广告落地页用户使用情况。从而优化广告投放,指导落地页创意优化等提高转化率,更好地控制成本。有落地页的建议都接入JS。

Q:对接 JS存在用户信息泄露吗,存在抓取用户信息吗?

A: 答案都是否定的,JS只能监测到用户动作行为(eg: 页面是否展示,是否提交,是否点击,是否下载….),不会获取实质的用户信息。JS是完全开源可读的。对接技术可以审查。

使用方法

1.植入JS方法

a、曝光功能(记录页面成功加载)

在相对应页面的html > head头部加入

<script type="text/javascript" async src="http://img.leku365.cn/api/js/leku.ads.js" ></script>
									

b、行为埋点(记录页面动作行为)

调用方法

LekuAD.action(option);

option: 表示点击事件的动作行为,用来区别同一页面的不同点击,当页面上有多个按钮点击时可传入不同参数,多次调用该函数。

通过使用调用LekuAD.action('click');方法,需要由事件触发,动作函数中调用即可。传入参数click为当前动作的简写。可从(click,jump,submit,download)等选择其一填写,匹配上对应行为言简意赅。

例如:表单验证完成后执行或者用户点击按钮执行

案例:监听类名为button的按钮的点击(下单成功、注册成功也是一样的逻辑,在成功的时候调用)

原代码: 用户点击后会跳转到某个页面

--------------------------
										$(".button").one("click", function() {
											//原来的处理过程
										});

										需要修改成
										--------------------------
										$(".button").one("click", function() {
											if(window.LekuAD){ //先判断js是否引入成功
												LekuAD.action('submit');
											}
											//原来的处理过程
										});
	                                

完整实例:

2.关于获取iframe中添加埋点(不支持跨域使用)

支持iframe子页面在同域下获取埋点数据,在不同域情况下不能获取埋点信息

添加方法

在父级页面中添加

										<script type="text/javascript" async src="http://img.leku365.cn/api/js/leku.ads.js" ></script>
									

在子级页面中的需要添加埋点的按钮

使用 window.parent.LekuAD.action(option);方法

例如:

if(window.parent.LekuAD){
											window.parent.LekuAD.action('click');
										}
									

3.检验JS对接成功与否

落地页链接检验需要手动拼接URL参数leku_aid=11&leku_appid=22 请求才会发送

原因:只是测试需要手动拼接参数,正式上线后从乐酷媒体跳出的广告页会自动带这个两个参数。

检验曝光:访问添加JS的页面,在network中存在一个请求:report/ads?type=load

检验点击动作:在点击按钮后,在network中存在一个请求:report/ads?type=click。其它触发动作以此类推。

对接过程出现任何异常问题,请联系对接商务,协调技术人员解决,祝合作愉快。