使用vue + vue-matomo对自建网站进行网站流量统计

一、使用docker搭建matomo

前提：搭建服务器上需要有MySQL数据库，同时在MySQL数据库种添加一个matomo的数据库前提：搭建服务器上需要有MySQL数据库，同时在MySQL数据库种添加一个matomo的数据库

具体搭建过程可以参考其他人的博客

二、在matomo新建一个网站统计

1、在服务器搭建成功matomo后，登录matomo
2、登录成功后，点击“All Websites” -> “Add a new website”

3、跳转到新页面后，选择“Websites”

3.1 在当前页面中，只需填写 Name URLS(去除须统计项目网站的域名，后期该域名不被统计；可以填写项目的IP地址) Time zone(China-Shanghai)
3.2 点击 “save"
4、复制 Tracking Code 中的 matomoIP地址 和 sitedId，之后在vue项目中配置需要

三、在需要统计的vue项目中配置matomo

1、下载vue-matomo依赖包

npm install vue-matomo

2、在main.js中添加如下配置

Vue.use(VueMatomo, {
    host: '', // 自己的matomo服务器地址，根据tracking code中填写
    siteId: 2, // siteId值，根据tracking code中填写
    router: router,  // 根据router自动注册
    requireConsent: false, // 是否需要在发送追踪信息之前请求许可，默认false
    enableLinkTracking: true,
    trackInitialView: false, // 是否追踪初始页面，默认true
    trackerFileName: 'matomo', // 最终的追踪js文件名，默认'piwik'
    debug: false
});

3、查看效果

一般情况下，进行网站流量统计的项目不需要部署到服务器上，在本地运行也是可以查看到效果的
在项目启动成功，进行一些路由跳转等操作后，我们可以到matomo上查看效果

在网站上我们可以看到实时的访问情况和总访问情况，还可以统计访问地区等等
在实时访问中可以统计每次访问中，访问者的具体信息（地区、浏览器、电脑/手机）和访问者的操作

最后附上我的另一篇博客：从头开始搭建umami，进行自建网站的流量统计 https://www.cnblogs.com/wumengcheng/articles/16601376.html