[TOC] ***** # 一、Web页面埋点说明 ——Web页面埋点是指通过页面埋点的方式捕获客户在Web页面的行为事件。在这里分为两种捕获方式：一种是匿名用户的行为事件捕获；一种是实名用户的行为事件捕获。针对这两种事件的捕获有着不同的埋点要求，一般匿名用户的行为采集只到页面的浏览行为即可，而对于实名用户的行为采集则不仅限于页面的浏览行为，还可以是页面按钮的点击等特定行为的采集。**Web页面埋点能够实现以下功能场景：**1、能够通过Cookie的识别，记录一个匿名用户三个月以内的页面浏览行为事件；2、能够通过identify的代码，实现将匿名用户变成实名用户，并且将之前的匿名行为归并到实名用户，能够通过sendEvent的代码，实现记录用户的特定网页行为，比如点击按钮或者提交表单等等。 ***** ## 二、埋点说明 ### 1、埋点代码的获取和放置 #### 1.1、创建【自定义渠道】 创建路径：【首页】-【已有连接】-点击或者：【设置】-【连接管理】-点击在弹出的窗口中点击【自定义渠道】，如下： ***** #### 1.2、获取“追踪代码” **路径**：【连接管理】>【自定义渠道】>【JS SDK接入】，如下： ***** #### 1.3、Web页面埋点操作指引 点击【自定义渠道】-【JS SDK接入】-追踪代码会直接跳转到以下界面，将下图红色框中的代码放置在Web页面的里面，这样就完成了埋点代码的放置，如下图：**以上代码成功放置后可以追踪，就可以收集匿名用户的网页浏览行为。** **注意**：如果您不想linkflow自动帮您收集访问网页事件，可在埋点代码后拼接参数autotrack=0举例说明: ~~~ <script src="//static.leadswarp.com/linkflow.min.js?token=XXXXXXXXXXXXX&baseDomain=//app.leadswarp.com&autotrack=0"></script> ~~~ ***** ## 三、匿名用户的实名化 在完成了埋点代码的放置之后，就能记录匿名用户浏览页面的行为。如果需要将匿名用户实名，则需要调用identify 方法将采集的信息上传到linkflow ,例如 用户名、手机号和邮箱等等。 实名联系人 即调用identify 方法将用户的信息发送到linkflow 后台, demo 如下 ： ~~~ window.linkflow.identify({ externalId: userid, // 外部唯一标识 ，此标识可以做为联系人合并的依据 mobilePhone: "138****9090", birthday: "1990-09-09", name: "name", email: "email", // 客户获取的 email wechatInfo: { // 如果填写该参数，微信粉丝将会与Identify之前的匿名用户合并 openId: window.LFAPP.openId, // 公众号粉丝openId，非必填，Linkflow会在用户打开网页时发起微信授权从而获得用户openId, 前提条件: 用户必须在微信中打开网页；如果SDK没有开启静默授权，或者不是在微信中打开网页，则可以手动传入此用户的openId。openId+appId可以定位到在linkflow创建连接的公众号粉丝，会将此公众号粉丝与此用户合并。 appId: window.LFAPP.appId // 公众号appId（该公众号必须已在Linkflow绑定），非必填，如果openId有值，则此字段必填 ；如果SDK没有开启静默授权，或者不是在微信中打开网页，则可以手动传入此值。openId+appId可以定位到在linkflow创建连接的公众号粉丝，会将此公众号粉丝与此用户合并。 unionId：非必填，公众号粉丝unionId，如果传入该值，会和系统中相同unionId的微信公众号和小程序用户进行合并 } props:{ // 用户自定义字段 attr1: "string", //自定义字段属性名称 attr2: "2020-12-12" //自定义属性属性名称 date 格式 "yyyy-MM-dd" }, }, function(){ // 成功 }, function(){ // 失败 }); ~~~ ***** ## 四、创建自定义事件接口 其他事件类似登录事件，都需要先在自定义渠道先创建相应的事件，定义好事件的属性，就可以通过Linkflow的JS SDK中的sendEvent方法进行收集了。详细操作指引可以点击查看[《自定义事件》](https://help.linkflowtech.com/lfcs/1770909) 自定义事件 发送 demo 如下 ~~~ window.linkflow.sendEvent({ submitOrder: { //自定义事件ID orderId:"Ho3oy475097",// 自定义事件属性 orderAmount:78 // 自定义事件属性 } }); ~~~ **注意**：如果在登录(记录登录事件)同时触发了实名identify 方法，为了保证事务的一致性，sendEvent方法必须在identify成功的callback里面调用，否则无法将事件归并到对应的用户身上。另外，在登录成功之后，页面可能会跳转，为了防止页面跳转太快导致浏览器取消向Linkflow发送事件，需要在跳转之前增加500毫秒的延迟。如下： ~~~ $.ajax({ data : $("#loginForm").serialize(), url: $("#loginForm").attr("action"), datatype: "json", type: "POST", async: true, success: function(json) { var code = json.code; if(code == 0){ $('.paying-mask').hide(); } if(code == 1{//登录成功之后 $('.paying-mask').hide(); $("#mask").html("正在获取跳转页面信息，请稍等..."); $('.paying-mask').show(); var userid =json.userld; // 埋点开始 window.linkflow.identify({ externalId: userid, // 外部唯一标识 ，此标识可以做为联系人合并的依据 mobilePhone: null, birthday: "1990-09-09", gender:'', // 0 未知 1 男 2 女 gender 只能传 0 1 2 这三个值 name: userid, email: null, city: null, country: null, state: null, company: null, industry: null, title: null, department: null, wechatInfo: { // 如果填写该参数，微信粉丝将会与Identify之前的匿名用户合并 openId: window.LFAPP.openId, // 公众号粉丝openId，非必填，Linkflow会在用户打开网页时发起微信授权从而获得用户openId, 前提条件: 用户必须在微信中打开网页；如果SDK没有开启静默授权，或者不是在微信中打开网页，则可以手动传入此用户的openId。openId+appId可以定位到在linkflow创建连接的公众号粉丝，会将此公众号粉丝与此用户合并。 appId: window.LFAPP.appId // 公众号appId（该公众号必须已在Linkflow绑定），非必填，如果openId有值，则此字段必填 ；如果SDK没有开启静默授权，或者不是在微信中打开网页，则可以手动传入此值。openId+appId可以定位到在linkflow创建连接的公众号粉丝，会将此公众号粉丝与此用户合并。 unionId：非必填，公众号粉丝unionId，如果传入该值，会和系统中相同unionId的微信公众号和小程序用户进行合并 } props:{ // 用户自定义字段 attr1: "string", //自定义字段属性名称 attr2: "2020-12-12" //自定义属性属性名称 date 格式 "yyyy-MM-dd" }, }, function(){ window.linkflow.sendEvent({ loginInfo: {//自定义事件ID login_account:"Ho3oy475097",// 自定义事件属性 login_type: 'email' // 自定义事件属性 } }); }, function(){ }); //埋点结束 //如果button 点击之后立即跳转 建议做个500毫秒延迟 防止事件请求发送取消问题 setTimeout(function(){ if(json.redirect == null){ var url="目标网址"; ComponentUtil.toDetailNoUser(url); } else{ var url= json.redirect; ComponentUtil.toDetajlNollser(url); } },500); } }); ~~~ *****