amplitude 埋点工具

官网地址
https://help.amplitude.com/hc/en-us
项目数据查看地址
https://analytics.amplitude.com

项目中引入amplitude

yarn add amplitude-js

引入依赖包，全局绑定amplitude

const amplitude = require("amplitude-js");

export default ({ Vue }) => {
  amplitude.getInstance().init('你的项目aip-key');
  Vue.prototype.$amplitude = amplitude;
};

开发API介绍

https://developers.amplitude.com/docs/setting-custom-user-ids
js API
https://amplitude.github.io/Amplitude-JavaScript/
一般情况下，用户登陆成功后设置用户的 userId
this.$amplitude.getInstance().setUserId('USER_ID');
在用户退出登录后将 userId 设置为 null
regenerateDeviceId方法用来生成新的的设备ID

`this.$amplitude.getInstance().setUserId(null); 
`this.$amplitude.getInstance().regenerateDeviceId();

触发一个event

this.$amplitude.getInstance().logEvent('EVENT_TYPE', {key:value});

设置user属性

amplitude.getInstance().setUserProperties({key:value});

查看用户数据

(如果没有设置userID的话，amplitude会自动分配一个游客id)

补充： UTM

UTM 介绍
https://buffer.com/library/utm-guide/#case-study-using-utm-parameters-to-tell-the-story-of-star-wars

UTM代码可以跟踪每个链接的性能，用来查看流量的来源

http://www.XXX.com/?utm_source=XXX&utm_medium=XXX&utm_campaign=XXX&utm_content=XXX