免费搭建 Umami 作为博客网站统计服务

免费搭建 Umami 作为博客网站统计服务

July 09, 2022
分享 ,

关于网站访问统计我用过很多服务,如:Google 统计、51.la、百度统计等,其中 51.la 的使用时间是最长的。 但是这几个服务都存在几个问题

  • 界面太丑,这是原罪
  • 存在广告问题
  • 隐私问题,我的数据可能会被盗用、贩卖等。
  • 容易被浏览者的 uBlock 等插件屏蔽

鉴于这些问题我打算自己搭建一个轻量的博客网站统计服务,之前也有在 Github 上看过 Plausible 这个项目,但是当时折腾了好几天一直没部署成功所以就不了了之了。

今天在逛 V2ex 时偶然发现了一个 Umami 这个项目介绍以及免费的部署方式的帖子 ,其中作者讲到如何利用 Railway 这个 PaaS 平台的免费额度部署 Umami,我好像一下子就找到了我心目中完美的它了,毕竟谁不爱能白嫖又好用的工具呢?

📊
Umami 一款简单、易用、美观、轻量、快速、隐私安全,主要用于替代 Google Analytics 的开源免费网站统计工具。

Github:https://github.com/umami-software/umami

但是我在根据教程操作时遇到了些问题了。

我起初根据帖子的步骤进行操作,在 Railway 上创建项目都没有什么问题,基本上点点就可以了,但是到本地操作时发现需要进行一些命令行的操作,由于作者使用的是 Mac 平台,执行的命令和 Windows 上略微有些不一致,所以我试着看了下 Railway 的文档用 Windows 的命令替代,但是失败了,后来折腾了好几个小时一直弄不好。

后来试着直接点开网址 —— 发现可以直接进去?后续的配置原来只需在网页上进行操作即可...,完全不用折腾什么命令行。

在这里也记录一下我部署的整个流程。

创建实例

先注册 Railway 账号,希望你能通过的邀请链接注册。

然后我们打开 Umami 官方的 Railway 部署文档,里面有一个紫色的 Deploy on Railway 的按钮,点击后会跳转到 Railway,如果你上一步已经注册好并登录完成,这里会直接出现项目创建界面。

当然你也可以选择注册一个新账号或者使用 Github 账号登陆(推荐使用 Github 账号登陆,可以联动 repo 直接安装 Umami,可能需要你授权账号权限)

之后会提示你进行项目命名,并填写一个 HASH_SALT (填写一串随机自赋,你可以通过快捷键 ctrl+k,搜索 Gen 找到 Railway 提供的生成器生成字符串),不过我不知道这个字符串是干什么用的?

点击确认后便会自动进行实例配置,直到出现图 2 的样子后点击系统自动生成的域名应该就可以访问 Umami 了,默认的账号 admin ,默认的密码 umami

登陆后请第一时间修改一个强壮的密码,并添加网站,然后就能获得统计代码了。和其他的统计服务一样,把代码嵌入网站即可,这些我就不解释了,自己进控制面板研究一下即可。

到目前为止 Umami 已经是可以使用了,其实就这么简单,不知道为什么 V2ex 上的额老哥说还要在本地进行操作?不知道这样操作有没有啥副作用?


一些其他配置

绑定域名

点击 Github 图标的 umami,进入 Settings 点击 Add Custom Domain ,输入需要绑定的域名。

将 Railway 提供的 CName 值填入你的域名解析服务即可,等待解析生效即可。

防屏蔽

Umami 可以通过设置 TRACKER_SCRIPT_NAME 这个字段更改最终引用的 js 名称,避免因为被 uBlock 等插件通过关键字匹配到进而被屏蔽的情况。

点击 Variables 进入变量设置界面,再点击 New Variable 添加变量,输入变量名称 TRACKER_SCRIPT_NAME ,Value 设置为一个不容易被匹配到的名字。

最后去获取网站代码,将代码中的 umami.js 中的 umami 更改成你设置的 TRACKER_SCRIPT_NAME 值即可。如我设置的是 test,则改成 test.js 即可。

<script async defer data-website-id="a749d302-00ed-416c-bead-e5b5be397cf7" src="https://test.1900.live/test.js"></script>

至此你应该已经拥有一个属于你自己的统计服务了,而且你还可以通过再后台新增账户分享给你的小伙伴一起使用,不过 Railway 每个月的免费额度只有 5 刀,我就不进行共享了~

希望对你们有用。

加入评论