• 6.6项目流程讲解 JsSDK文档


    一、概述

    该文档的主要作用是为了开发人员参考可以参考本文档,了解js sdk的集成方式以及提供的各种不同的api。

    注意:不采用ip来标示用户的唯一性,我们通过在cookie中填充一个uuid来标示用户的唯一性。

    一、分析

    1、PC端事件分析

    最终分析模块

    PC端js sdk事件

    用户基本信息分析

    pageview事件

    浏览器信息分析

    地域信息分析

    外链数据分析

    用户浏览深度分析

    订单信息分析

    chargeRequest事件

    事件分析

    event事件

    新用户(用户注册)

    launch事件

    Javasdk2个 支付成功 退款成功

    a)Launch事件

    用户第一次访问网站的时候触发该事件,不提供对外调用的接口,只实现该事件的数据收集

    b)Pageview事件

    当用户访问页面/刷新页面的时候触发该事件。该事件会自动调用,也可以让程序员手动调用

    c)chargeRequest事件

    当用户下订单的时候触发该事件,该事件需要程序主动调用。

    d) Event事件

    当访客/用户触发业务定义的事件后,前端程序调用该方法。

    2、数据参数说明

    在各个不同事件中收集不同的数据发送到nginx服务器,但是实际上这些收集到的数据还是有一些共性的。下面将所用可能用到的参数描述如下:

    参数名称

    类型

    描述

    en

    string

    事件名称, eg: e_pv

    ver

    string

    版本号, eg: 0.0.1

    pl

    string

    平台, eg: website

    sdk

    string

    Sdk类型, eg: js

    b_rst

    string

    浏览器分辨率,eg: 1800*678

    b_iev

    string

    浏览器信息useragent

    u_ud

    string

    用户/访客唯一标识符

    l

    string

    客户端语言

    u_mid

    string

    会员id,和业务系统一致

    u_sd

    string

    会话id

    c_time

    string

    客户端时间

    p_url

    string

    当前页面的url

    p_ref

    string

    上一个页面的url

    tt

    string

    当前页面的标题

    ca

    string

    Event事件的Category名称

    ac

    string

    Event事件的action名称

    kv_*

    string

    Event事件的自定义属性

    du

    string

    Event事件的持续时间

    oid

    string

    订单id

    on

    string

    订单名称

    cua

    string

    支付金额

    cut

    string

    支付货币类型

    pt

    string

    支付方式

    3、其他api方法

    在这里只介绍设置会员id的方法,其他的辅助方法到时候编写js的时候再介绍。

    a)设置会员id

    方法名称

    setMemberId

    方法描述

    该方法的主要作用是设置会员id,当会员登录后,请调用该方法进行会员id的设置。

    参数

    类型

    是否必填

    描述

    memberid

    string

    会员id

    4、集成方式

    Js sdk的集成分为两种方式,第一种是直接使用script标签引入js,第二种是在页面加载完成后执行js代码,js代码再进行js的加载。如下

    第一种:

    <script src=”//track.beicai.com/analytics.js”></script>

     

    第二种:

    <script type=”text/javascript”>

        var _aelog_ = _aelog_ || [];

    // 设置_aelog_相关属性

    (function(){

        var aejs = document.createElement('script');

        aejs.type = 'text/javascript';

        aejs.async = true;

        aejs.src = '//track.beicai.com/analytics.js';

        var script = document.getElementsByTagName('script')[0];

        script.parentNode.insertBefore(aejs, script);

    })();

    $();

    </script>

  • 相关阅读:
    线程系列2---线程同步
    off() 方法 与 unbind() 方法移除绑定事件的处理程序。one()函数用于为每个匹配元素的一个或多个事件绑定一次性事件处理函数
    animation css3动画与CSS3 @keyframes担配使用创建往复平缓动画
    querySelector 和 querySelectorAll 的使用
    js实现浏览器兼容复制功能
    evaluateScript--evaluatePopoverScript--区别
    appcan 跨窗口处理方法 appcan.window.evaluateScript({name,scriptContent,type})使用解读
    条件注释判断浏览器<!--[if !IE]><!--[if IE]><!--[if lt IE 6]><!--[if gte IE 6]>
    stop() 是用于停止动画 :animated 用于判断动画是否在进行中
    CSS3的calc()使用
  • 原文地址:https://www.cnblogs.com/wxk161640207382/p/10983056.html
Copyright © 2020-2023  润新知