Step1 - 代码部分：

项目：crmadmin （pc）

• 通用方式（打点一次）

1. 页面引入BaseTrack，添加pageName：语义中文。
   此方法中有自动打点功能，具体自行查看

import BaseTrack from 'src/extend/BaseTrack'
export default {
  pageName: '目标管理',
  mixins: [BaseTrack]，
  components: {
    …
  },

• 自定义方式（目前不支持）

项目：crm （app）

• 通用方式

1. 页面引入BasePage和mapState，添加pageName：语义中文。此方法中有自动打点功能，具体自行查看

import BasePage from 'src/extend/BasePage'

export default {
  mixins: [ BasePage ],
  pageName: '战绩月报',
       …

• 自定义方式（页面多处打点，tab切换等）

1. 如果页面用到BasePage，但又不需要自动打点，增加selfTrack属性

export default {
  mixins: [ BasePage ],
  selfTrack: true,
    …

2. 引入mapState

import { mapState } from 'vuex'
 computed: mapState({
    $pageInfo: state => state.pageInfo,
  }),

2. 页面引入Track，在需要打点的地方调用方法，page_name：小写单词，多单词以下划线连接，app_type是项目类型，crmapp是31，固定值， element_id和event_type都是固定值

import { Track } from 'truck-lib'

Track.tracking({
  page_name: 'military_results_month',
  app_type: '31',
  element_id: 'pageview',
  event_type: 'view',
  refer: this.$pageInfo.lastPage

})

Step2 - dev自测：

1. 在node_modules中的'truck-lib'包中的track.js文件，注释此行，然后刷新页面，看接口调用，调用成功则打点成功

function send() {
  // if (develop) return;

埋点接口.png

Step3 - 系统录入：

1. 打开http://cosmos.ymmoa.com/#/metadata/bury-point-management/homepage

2. 找到对应项目的菜单

   
   
   image.png

3. 填入页面名、页面英文名、页面类型，上传页面截图，然后创建

   
   
   image.png

Q&A

由于历史原因，通用打点和自定义打点的page_name格式不同，以最新规范为准
http://wiki.ymmoa.com/pages/viewpage.action?pageId=22108902

埋点查询

http://dev-hennybear.ymmoa.com/visitLogTestPage

name的使用

除不能使用路径名，一般情况下不使用。