• 使用 yarn add amplitude-js 或者 npm amplitude-js --save 将依赖包添加到项目中
• 在mian.js中导入

import Amplitude from "./plugins/amplitude";

Vue.use(Amplitude, {
  apiKey: process.env.VUE_APP_AMPLITUDE_API_KEY,
  userId: userInfo?.id
});

APIkey 可以点开 amplitude 的settings 里的Projects 中点击想要买埋点的项目中去复制过来，后面的userId是用户的ID，唯一标识

下面就可以在项目中进行埋点了，埋点一般使用的多的就是logEvent 和setUserProperties,来进行一般事件的埋点和用户属性的埋点 ，更多事件可以点击https://amplitude.github.io/Amplitude-JavaScript/Amplitude

this.$amplitude.getInstance().logEvent('Clicked Homepage Button', {'finished_flow': false, 'clicks': 15});

this.$amplitude.getInstance().setUserProperties({'gender': 'female', 'sign_up_complete': true});

埋点成功后在项目运行后，在浏览器可以看到有一个amplitude的请求发出，在amplitude网页中的user look-up 可以看到埋点出现的信息，如下图：

image.png