vue3 自定义指令-积分埋点

原创已于 2024-06-20 15:36:50 修改 · 441 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #vue.js #javascript

于 2024-06-20 14:15:26 首次发布

自用笔记，内容可能不全

// package.json
"sunshine-track": "^1.0.0-beta.2",

在这里插入图片描述

// track index.js

import Track from 'sunshine-track'

const options = {
  projectKey: 'test-project', // 项目的key
  userId: 'digger', // 用户id
  report: {
    url: 'http://example.com/report', // 上报url
    reportType: 'img' // 上报方式
  },
  switchs: { // 上报数据开关
    xhr: true, // xhr请求
    fetch: true, // fetch请求
    error: true, // 报错
    hashchange: true, // hash变化
    history: true, // history变化
    whitescreen: true, // 白屏
    performance: true // 页面性能
  },
}

// Vue
export const track = async (app) => {
  app.use(Track, options)
}

// // React、Angular
// Track.init(options)