426 字
2 分钟
解决fuwari博客使用umami统计访问量时重复统计问题
在写博客添加访问量统计那篇文章时,就发现了进入文章后访问量会计算双数,进一次统计增加两次,当时一直不知道原因就将就用了。
后面看到https://2x.nz/posts/swup-js/这篇文章时才把这个问题解决。
具体原因是在 Fuwari 博客主题中使用 Umami 统计访问量时出现重复计算,根本原因在于 单页应用(SPA)路由切换机制与 Umami 统计脚本的交互冲突 。
Fuwari 使用了 swup 来实现页面间的平滑过渡效果。swup 是一个前端路由库,它通过 AJAX 加载新页面内容并替换 DOM,而不是传统的整页刷新。
然而,Umami 的统计脚本默认设计是针对传统多页应用的——每次页面加载时执行一次。当 swup 接管导航后,页面并不会真正刷新,但 Umami 脚本却可能被多次触发:
- 首次进入页面:Umami 脚本正常加载并发送统计请求
- 使用 swup 跳转到其他页面:DOM 被替换,但 Umami 脚本可能重新执行
- 返回原页面:再次触发统计,导致同一访问被重复计算
Umami 脚本在每次执行时会创建新的跟踪实例,而 swup 的页面切换机制没有配合清理旧的实例或阻止重复初始化。这就导致了重复计数,也就是我们本次要解决的问题
其实说这么多只是想在水一篇文章而已
解决办法就是在原来的最终代码中添加data-auto-track=“false”属性 参考https://github.com/afoim/fuwari/issues/79
<script defer src="https://cloud.umami.is/script.js" data-website-id="***"></script><script defer src="https://cloud.umami.is/script.js" data-website-id="***" data-swup-ignore-script></script> 解决fuwari博客使用umami统计访问量时重复统计问题
https://flygeon.top/posts/7/ 相关文章
12345
为 Fuwari 博客添加 Umami 访问量统计
教程本文介绍如何基于 Umami 逆向 API 为静态博客添加实时访问量统计,包括侧边栏总览卡片和文章独立浏览量。
为你的博客生成封面图吧
有趣的项目基于 afroim/easy_cover 二次开发的博客封面生成工具,新增深色模式、配置保存与导入导出,方便风格复用。
哎我去这个Pages CMS真神了
教程通过向你的静态博客仓库导入Pages CMS实现在浏览器里优雅地管理你的文章
部署你的Astrbot QQ机器人吧
教程从零开始部署一个功能强大的AstrBot QQ机器人,支持多种AI模型接入,实现智能群聊回复、私聊对话、自定义插件扩展等功能,成为赛博群老婆((
0成本将你的OneDrive部署至互联网,以及博客的一些小规划
教程使用CVercel和OneDrive API,无需服务器和域名即可将OneDrive网盘部署到互联网,实现文件在线预览和下载
随机文章
12345
博客更新日志
未分类将会记录博客的更新内容。
给播放器接上网易云账号登录:被 HTTP 200 空响应折磨了六个小时,最后败给一行代码
折腾记录从扫码登录到歌单云盘播放,本以为一晚上搞定,结果被「HTTP 200 但 0 字节」的诡异空响应折腾了整整六个小时。RSA 填充、PEM 换行、AES 层序……最后真凶是一行没写的代码。
使用 AI 推理一键获取人声 MIDI:Vocal2Midi 项目体验
有趣的项目基于 Qwen3-ASR 与 GAME 模型的人声转 MIDI 工具 Vocal2Midi 体验分享,支持一键生成 MIDI / USTX / 对齐辅助文件,适配 UTAU、Vocaloid 等虚拟歌姬工作流。
对 Bangumi 反向代理,解决大陆地区访问问题
教程使用 Cloudflare Workers 搭建 Bangumi 反向代理,解决大陆地区访问困难的问题。
介绍Filebase免费对象存储,以及快速搭建图床教程
有趣的项目本文主要介绍Filebase这个新的免费对象存储平台提供5 GB的免费存储空间,兼容S3端点,非常适合搭建图床服务