前端埋点获取pv uv信息
import Vue from "vue";
Vue.directive("track", {
bind: (el, binding,) => {
if (binding.value) {
//这里参数是根据自己业务可以自己定义
let params = {
currentUrl: binding.value.currentUrl,
actionType: binding.value.actionType,
title: binding.value.title,
// preUrl: ,
frontTriggerType: binding.value.triggerType,
// businessCode: ,
behavior: binding.value.behavior,
// service: "xxx",
};
//如果是浏览类型,直接保存
if (binding.value.triggerType == "browse") {
console.log("browse", params);
//调用后台接口保存数据
// (params);
} else if (binding.value.triggerType == "click") {
//如果是click类型,监听click事件
el.addEventListener(
"click",
() => {
console.log("click", params);
alert(params.currentUrl);
//调用后台接口保存数据
// (params);
},
false
);
}
}
},
});