神策统计

用户行为分析、 统计

ready

• webpack配置别名 @ 指向src目录

    resolve: {
      alias: {
        '@': resolve('src')
        ...
      }
    }

全埋点开启

    import SensorsPlugin from 'vue-sensors-plugin';
    Vue.use(SensorsPlugin, {
      name: 'sensors',
      heatmap: {
        clickmap: 'default',       // $webClick    sensors.quick('autoTrack')
        scroll_notice_map: 'default', // $webStay
        scroll_delay_time: 4000
      }
    }); // 神策统计 初始化
    // 路由切换的时候调用      $pageView
    router.afterEach((to, from) => {
      Vue.nextTick(() => {
        window.sensors.quick('autoTrackSinglePage');
      });
    });

配置项

• config/index.js中区分环境， 配置字段 sensors

  module.exports = {
      dev: {
	....
        sensors: {
          server_url: 'xxxxx',
          name: 'xxx',
          heatmap: { .... }
        }
      },
      build: {
	....
        sensors: {
          server_url: 'xxxxx',
          name: 'xxx',
          heatmap: { .... }
        }
      }
  }

配置项

基础用法

• 引入 main.js, 通过 根目录的config/index.js中区分环境， 配置字段 sensors
  • import SensorsPlugin from 'vue-sensors-plugin';
  • Vue.use(SensorsPlugin, { name: 'sensors' // default }) 第二个参数可选, 此配置优先级高于 根目录的config/index.js 中的 sensors字段

    
 - 调用 
```html
<script>
   window.sensors.xxx();
</script>