@58fe/log-plugins 中文文档教程

发布于 3年前 浏览 26 项目主页 更新于 3年前

log-plugins 埋点插件

npm version

安装

npm i @58fe/log-plugins -S

使用

es6

import { Log } from "@58fe/log-plugins";
Log(args);

vue

// 引入
import { VueLog } from "@58fe/log-plugins";
Vue.use(VueLog);
// or
// 埋点默认项,参数传‘’会取配置项字段
Vue.use(VueLog, {
    debug: false,  // true: 打印埋点
    pageType: 'home',
    actionType: 'show',
    cate: '9224',
    p1: '1', // p1-p8字段见下列【58app埋点说明】
    ...
    p8: '8',
    openExposure: false, // 曝光数据上报开关
});
点击埋点:v-log-click="args"

展示埋点:v-log-show="args"

曝光埋点:v-log-exp="args"
曝光埋点需要配置项开启openExposure

原型使用:this.$log(args);

示例

v-log-click="['home','click']"
this.$log(['home','click']);

react

// 引入
import React from "react";
import { ReactLog } from "@58fe/log-plugins";
ReactLog(React);
// or
// 埋点默认项,参数传‘’会取配置项字段
ReactLog(React, {
    debug: false,  // true: 打印埋点
    pageType: 'home',
    actionType: 'show',
    cate: '9224',
    p1: '1', // p1-p8字段见下列【58app埋点说明】
    ...
    p8: '8'
});

// 组件使用
React.$log(args);

示例

React.$log(['home','click']);

RN

// 引入
import React from "react";
import WBAPP from '@w/wbapp';
import { RNLog } from "@58fe/log-plugins";
RNLog(React, {
    ctx: WBAPP, // RN需要显示传入执行环境,其他用法同react
    debug: false,
    pageType: 'home',
    actionType: 'show',
    cate: '9224',
    p1: '1',
    ...
    p8: '8'
});

// 组件使用
React.$log(args);

初始参数

参数必填类型说明
debugfalseboolean开启后打印埋点值
pageTypefalsestring/numberpageType 默认值
actionTypefalsestring/numberactionType 埋点默认值
catefalsestringcate 埋点默认值
trackJoinfalsestringPC&M端 pageType和actionType 连接符,默认'_'

调用参数 args

args 类型为数组

参数必填类型说明
pageTypetruestring/number页面类型,args 第一个值
actionTypeapp:true/pc:false/m:falsestring/number埋点类型,args 第二个值
optsfalseobject其他配置,对应 app opts,args 第三个值

58app 埋点说明

opts = {
    cate: "",
    params: [],
};

// params 数组值对应埋点表中 p1、p2、p3 等字段,即[p1,p2,p3,p4,p5,p6,p7,p8]

PC & M 说明

1.需引入对应埋点 js,如 m 端://tracklog.58.com/referrer_m.js

2.pageType 对应埋点 from 参数,actionType、opts 值在 pc 和 m 端无效

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文