网页埋点说明

一、配置环境

1获取JS 代码(示例)

路径:【连接管理】>选择已新建的自定义连接>【JS SDK接入】>【追踪代码】

注:勾选页面离开事件以及开启非静默授权会影响url的参数拼接,按实际业务要求勾选

2、调用JS代码

setup只能被调用1次。

A. SDK实例的setup方法调用

加载 js-sdk
linkflow.setup({
  name: 'xxx',
  token: 'xxx',
  cid_type: 'xxx',
  server_url: 'xxx',
  _id_share: false,
  wechat_auth: {
    appid: 'appid',
    scope: 'snsapi_userinfo'
  },
  auto_track: {
    page_show: true,
    page_leave: true,
    page_leave_max_duration: 300
  }
});

B. linkflow.min.js 的脚本参数

异步加载
<!DOCTYPE html>
<html>
  <head>
    <!-- 追踪代码: -->
    <script src="//sdk.linkflowtech.com/linkflow.min.js?token=xxx&server_url=xxx&name=xxx&appid=xxx&scope=snsapi_userinfo&atrk_pl=1&atrk_pl_mxd=300&cidt='xxx'&_id_share=0"></script>
  </head>
  <body></body>
</html>

参数

类型

是否必填

配置来源

说明

tokenstringA, B: token用于识别埋点渠道
server_urlstringA, B: server_url埋点数据收集的后端服务器地址,默认为 https://cdp.linkflowtech.com 

name

stringA, B: nameSDK 使用的一个默认的全局变量名,会注册在 App 全局函数中
cid_typestringA, B: cidt
_id_sharebooleanA, B: _id_share控制是否读取页面url中的query参数中的_If_ids
wechat_authObject
如果页面和微信公众号关联,和公众号授权相关的设置
    appidstringA, B: appid页面关联微信公众号的 appid
    scope'snsapi_base' | 'snsapi_userinfo' | 'none'A, B: scopewechat 授权类型,默认 none不授权。snsapi_base为静默授权,snsapi_userinfo为显示授权。
auto_trackObject
自定追踪事件
    page_showbooleanA, B: atrk_ps自动追踪 PageShow 事件,默认值为 true。当来源为B时,非 0 为真,即 atrk_ps=0 为 false, 其他为 true
    page_leavebooleanA, B: atrk_pl自动追踪 PageLeave 事件,默认值为 false。当来源为B时,非 0 为真,即 atrk_pl=0 为 false, 其他为 true
    page_leave_max_durationnumberA, B: atrk_pl_mxdPageLeave 事件所记录的页面最大停留时长,单位:秒,默认 1800,即半小时

二、接口调用

1、获取用户信息以及身份,调用 setIdentities识别身份以及setProfile将用户信息上传

说明:

props 中的自定义属性需要在系统中先创建 参照文档  自定义属性

示例:

linkflow.identify
var identities = [{
    id:"xxxxx",
    type :"email"
},{
    id:"xxxxx",
    type :"mobilePhone"
}]

var profile = {
    nickname:'昵称',
    mobilePhone:'13888888888',
    avatar:'头像地址',
    gender:'1',   //  1:男  2:女 unknown:保密
 	props:{
       test_phone:'测试手机号' //自定义的联系人属性
    } 
}
linkflow.setIdentities(identities)
linkflow.setProfile(profile)

2、用户自定义事件

事件 ID 以及事件属性在系统中定义好之后导出提供。

在 linkflow系统,配置事件元数据,此步骤可由甲方管理员或者拥有配置权限角色来配置,例如:

linkflow 系统创建了以下事件:

则可以通过以下接口记录此自定义事件:

linkflow.track({
          event: "事件ID",
          props: {
            props_1: "创建订单",
            props_2: 1
          }
        });


三 、验证 

1.SDK导入验证

正常引入JS之后,网页浏览即可获取匿名用户信息,在系统UI中可验证。

2.用户信息

【查找到该用户】:通过联系人页面搜索姓名、昵称或者手机号,来查找到该用户。

【查看用户画像:仔细核对页面左侧用户信息,确认是否与setProfile时上传的数据一致。

3.自定义事件

【查找到该联系人】:通过联系人页面搜索姓名、昵称或者手机号等,来查找到该用户。

【查看时间轴】:进入人物画像,点击时间轴,在时间轴中找到该事件,并仔细核对事件属性,确保事件属性与track发送的事件一致。