H5用神策数据实现埋点(使用原生或者jq)

1.先引入sensor.js文件

<script src="asset/js/sensor.js"></script>

2.全局引入使用sensor

<script>
  (function (para) {
      window["sensorsDataAnalytic201505"] = para.name;
      window[para.name] = {
          para: para
      };
  })({
      name: "sa", // 自己定义的名字
      // server_url: "https://www.youcash.com/sensors/sa?project=production",   //生产环境URL
      server_url: "https://alissl.youcash.com/sa?project=sit3",   //测试环境url
      show_log: true, // 为ture时可以打印埋点的对象
      use_app_track: true,    // 上生产时改为true
      heatmap: {
          isTrackLink: false,
          loadTimeout: 3000,
          collect_input: function (element_target) {
              return true;
          }
      }
  });
</script>
<script>
window.onload=function () {
  // 全局注册$pageView事件
  sa.registerPage({
    $title: "xxx",  // 页面标题,可以自定义可以动态获取
    $url: window.location.href,   // 页面路径
  });
// quick是获取方法,autoTrack是事件名,可以自定义,对象里面是要埋点的数据
  sa.quick('autoTrack');
}

3.点击按钮进行埋点

// track是设置方法,$WebClick是事件名,可以自定义,对象里面是要埋点的数据
 sa.track('$WebClick', {
          $element_id: id, // 按钮的id,或者是点击元素的id
          $element_content: $element_content, // 按钮的文字内容
          $title:'xxx', // 页面标题,可以自定义可以动态获取
          $url: window.location.href,  // 页面路径
        });

4.在进入页面的时候会自动触发一个'pageView'事件,点击按钮会触发'webClick'事件
参考文档

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容