apexmd

支持IE9-IE11,Chrome - IE9需要引入polyfill垫片

Usage no npm install needed!

<script type="module">
  import apexmd from 'https://cdn.skypack.dev/apexmd';
</script>

README

顶点网页埋点控件

  • 支持IE9-IE11,Chrome
  • IE9需要引入polyfill垫片

埋点前端控件使用方法

1.埋点控件初始化

  1. 页面引用md.min-1.0.0.js

     <script type="text/javascript" src="/assets/js/common/md.min-0.0.1.js"></script>

    IE9在md-min前面引入babel-polyfill

     <script type="text/javascript" src="/assets/js/common/polyfill.min.js"></script>

  2. 初始化控件

     ApexMd.config("http://127.0.0.1:8080", "test", "test","1.0.0","测试渠道");

     /**
  *  url:埋点服务端地址，填""表示和业务服务器一致
  *  appIdentity:服务唯一标识
  *  appSecret:配对秘钥
  *  appVersion:业务服务版本
  *  channel:渠道
  *
  * */
 config(url, appIdentity, appSecret, appVersion, channel)

2.页面访问行为记录

埋点初始化好后，页面访问行为会自动上传到埋点服务器

3.事件行为记录

事件行为需要硬编码调用，在调用发起事件之前写入

 //事件记录，至于页面记录，只要引入md.js即可
 ApexMd.recordEvent("event1","action1","{}");

/**
 *  event:事件类型
 *  action:具体动作
 *  ext:json格式字符串，扩展信息
 *
 * */
recordEvent(event,action,ext) {

4.埋点事件增加自定义的维度标签

为了让用户行为分析维度更多，对页面访问和事件行为都可以增加标签，其中，标签作用域有两种

  • page ：单页面有效，跳往其他页面后，标签设置的值失效

  • session :整个会话有效，只要在浏览器没关闭，标签设置的值一直有效

      /**
   *  key:标签类型
   *  value:标签值
   *  scope:作用域，page,session两种
   *
   * */
  setLabel(key, value, scope) {

全部示例代码

<script type="text/javascript" src="<%=contextPath%>/assets/js/common/polyfill.min.js"></script>
<script type="text/javascript" src="<%=contextPath%>/assets/js/common/md.min-0.0.1.js"></script>
<script type="text/javascript">
    //埋点初始化配置
    ApexMd.config("http://192.168.80.174:8080/", "test", "test","1.0.0","测试渠道");
    //设置标签，第三个参数是scope,可选访问page,session,
    ApexMd.setLabel("page", "1111");
    ApexMd.setLabel("session", "1111", "session");
    ApexMd.setLabel("session2", "1111", "session");
    //事件记录，至于页面记录，只要引入md.js即可
    ApexMd.recordEvent("event1","action1","{}");
</script>