- 使用 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 可以看到埋点出现的信息,如下图: