官网地址
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