vue+vue-matomo实现埋点

2023-10-27

安装:

npm install vue-matomo --save

main.js

import { createApp } from "vue";
import manotoUse from "./utils/manotoUse";
import router from "./router/index";

const app = createApp(App);
manotoUse(app);

app.use(router).mount("#app");

utils/manotoUse.js

import router from "../router/index";
import VueMatomo from "vue-matomo";

export default function (app) {
    app.use(VueMatomo, {
      host: "xxxx",//你自己的matomo地址
      siteId: "xxxxxx",//这个值页需要去matomo上去申请
      trackerFileName: "piwik",
      router: router,
      enableLinkTracking: true,
      requireConsent: false,
      trackInitialView: true,
      debug: false,
      userId: xxxx, //当前用户登录Id,可根据需求来设置,非必传,也可以在用户登录成功之后设置
    });
}

到此,就已经可以监听到页面访问、加载时间、访问次数、访问时间、实时访客等等数据。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

vue+vue-matomo实现埋点 的相关文章

随机推荐

  • 基于模型预测控制(MPC)的悬架系统仿真分析

    目录 前言 1 悬架系统 2 基于MPC的悬架系统仿真分析 2 1 simulink模型 2 2仿真结果
  • 1.深度学习入门:感知机是什么和感知机的实现(详细讲解)

    1 深度学习入门 感知机是什么和感知机的实现 感知机 感知机是什么 简单逻辑电路 感知机的实现 简单的实现 导入权重和偏置 使用权重和偏置的实现 感知机 感知机是什么 感知机 Perceptron 是一种二元线性分类模型 由美国学者Fran
  • ovirt 安装

    第一步 通过oVirt node iso安装host 从本站 安装包下载 页面或其它渠道获取到oVirt4 4版本的node iso 本次部署使用的是ovirt node ng installer 4 4 1 2020080418 el8
  • vim编辑器使用教程

    文章目录 前言 一 vim 的三种工作模式 二 vim 基本操作 1 编辑 2 复制粘贴 3 撤销 4 跳转 5 查找和替换 6 自动缩进 7 分屏 8 其他 三 vim 配置文件 前言 vim 是 Linux 系统内置的 文本编辑器 用于
  • docker系列:1、docker概述和学习资料

    docker系列 1 docker概述和学习资料 文章目录 docker系列 1 docker概述和学习资料 1 前言 2 docker概述和学习资料 3 最后 1 前言 之前总结完了GoFrame框架 我接下来是想将我的个人网站做下升级
  • MapReduce工作流程

    1 MapReduce工作流程图 2 流程详解 上面的流程是整个MapReduce最全工作流程 但是Shuffle过程只是从第7步开始到第16步结束 具体Shuffle过程详解 如下 1 MapTask收集我们的map 方法输出的kv对 放
  • ucint核心边缘分析_【5G研报】边缘计算及重点个股

    这是一篇清明前发过的文章 由于微信后台两天不回复网友留言则无法私信各位 故重新发布 对5G感兴趣的朋友老规矩 点击关注 后台留言或发消息 边缘计算 搞研究 选个股 我们是专业的 一篇关于边缘计算的万字研报 感兴趣的点个关注 更多资讯尽在神光
  • 2651. 计算列车到站时间

    文章目录 Tag 题目来源 题目解读 解题思路 方法一 数学 知识回忆 除法运算 写在最后 Tag 数学 题目来源 2651 计算列车到站时间 题目解读 给你一个列车预计到达时间点和一个列车延误的时间 请返回列车实际的到达时间 解题思路 方
  • springboot和springcloud的联系与区别

    什么是springboot Spring Boot是一个用于简化Spring应用程序开发的框架 它提供了一种约定优于配置的方式 通过自动配置和快速开发能力 可以快速搭建独立运行 生产级别的Spring应用程序 在传统的Spring应用程序开
  • 程序员应该避开的20个低级不良用户体验

    前往老猿Python博文目录 https blog csdn net LaoYuanPython 前2天碰到一件事 只因职业信息没登记汉口银行的系统居然禁止我使用银行卡账号 这样的神操作一看十有八九是程序员干的 由此联想到平时开发中遇到的一
  • Core Java(十三)

    Java API5 0新特性 优化的功能 对编译器进行的优化 静态引入 什么是静态引入 将类的静态成员预先引用进来 直接使用就可以了 例如 System out 直接写成out printl 就可以了 语法 import static 包名
  • H5页面判断来源是 微信小程序、百度小程序、微信浏览器、其他环境

    小程序打开H5页面有一些链接需要隐藏掉 不让用户随意跳转 在页面中引入微信 第一个 百度小程序 第二个 外部 js 在页面的js中判断即可
  • vlan接口类型和划分

    vlan接口类型 access 一般不带标签发送 负责标签压入与剥离 trunk 一般带标签发送 每个trunk接口都有一个pvid hybrid 发的时候可以带多个pvid 控制数据带标签或不带标签发送 access端口收到没有没有带ta
  • .NET MAUI 多平台应用 UI 应用

    NET 多平台应用 UI 使用文档 NET 多平台应用 UI NET MAUI 允许你使用面向 Android iOS macOS Windows 和 Tizen 上的移动和桌面外形规格的 NET 跨平台 UI 工具包生成本机应用 本教程介
  • chrome扩展开发中文教程

    chrome扩展开发中文教程 文档地址 http chrome cenchy com index html 既然是中文文档 可能存在翻译的过程 就会出现翻译更新不及时的情况 如果看最新最准确的文档 请移步到官方文档
  • 轻松高薪之---java基础(一)

    轻松高薪系列将分为五期为大家呈现 java基础 WEB 数据库 框架 技术点五大部分 由于每一个内容比较多 每一部分将分为若干小结进行分享 欢迎持续跟踪 一 Java 基础 1 Java 基础 知识 1 1 面向对象的特征 了解 面向对象的
  • CUDA编程(七)共享内存与Thread的同步

    CUDA编程 七 共享内存与Thread的同步 在之前我们通过block 继续增大了线程的数量 结果还是比较令人满意的 但是也产生了一个新的问题 即 我们在CPU端的加和压力变得很大 所以我们想到能不能从GPU上直接完成这个工作 我们知道每
  • ES6笔记( 五 )- Object

    目录 新增的对象字面量语法 成员速写 方法速写 计算属性名 新增的Object方法 Object is Object assign Object setPrototypeOf Object keys Object values Object
  • 内联函数总结

    定义 它们看起来像函数 运作起来像函数 比宏 macro 要好得多 使用时还不需要承担函数调用的负担 当内联一个函数时 编译器可以对函数体执行特定环境下的优化工作 这样的优化对 正常 的函数调用时不可能的 规则 inline关键字必须和函数
  • vue+vue-matomo实现埋点

    安装 npm install vue matomo save main js import createApp from vue import manotoUse from utils manotoUse import router fro