我如何使用 Umami 自托管自己的网站分析

我非常喜欢对这个网站进行过度设计。拖延了几个月后，我终于把我的博客推向了这个美丽的世界。我偶然发现了添加分析功能的这一环节，我的需求是简单、轻量、合乎道德，并且最好有一个开源且隐私友好的 Google Analytics 替代方案。所以我注册了Plausible、Fathom和Panelbear并开始使用它们。

我不想错过任何其他选择，所以我在推特上问大家在网站上用什么，就在那时我听说了鲜味 (umami)。以下是四种鲜味的粗略比较。

工具	开源	定价	绕过广告拦截器
鲜味	✅	自由的	✅
似是而非	✅	每月 6 美元	❌
面板熊	❌	免费（1000次访问）	❌
捉摸	❌	每月14美元	❌

Umami显然是这里的赢家，所以我决定自己托管它，5 分钟后我就完成了我自己的分析。在本文中，我将解释如何做到这一点。

有很多方法可以让你自行托管 umami，你可以在这里找到所有方法。对我来说，使用Railway是轻而易举的决定，因为它可以同时设置 Postgres 数据库和前端应用程序（分析仪表板），让我的工作变得轻松。

首先点击“在铁路上部署”按钮。如果您尚未注册，系统会提示您注册，并将其连接到 GitHub 仓库。完成后，点击“部署”。

这将创建一个新的 GitHub 仓库并开始构建项目。部署通常需要 2-3 分钟，不算太长。

这将设置 Prisma、Nextjs 并创建一个管理员用户。您应该会看到一个已部署的链接，点击它。

Umami 安装将创建一个默认管理员帐户，用户名为 admin，密码为 umami。请务必在设置中重置密码，您可以参考官方文档。

您应该能够看到类似仪表板的界面，但是网站在哪里呢？您可以在设置中添加要跟踪的网站。现在，要将它们添加到您的网站，只需点击代码图标，然后将以下代码放置在<head>您网站的相应部分中即可。

就这样？没错！配置和部署的速度如此之快，是不是令人惊叹？现在，如果你访问你的网站，应该会看到仪表板正在更新。现在，我将介绍一些我为完成设置而添加的内容。

我在仪表板上添加了一个自定义域，您可以参考铁路的官方指南。

对我来说，重要的一件事是跳过开发环境和个人访问中的分析。

确保添加data-domains属性以script避免发送生产环境以外的分析。



<script
  async
  defer
  data-domains='dpnkr.in'
  src='https://umami.is/umami.js'
  data-website-id='1313u131-85ee-42d4-97d2-8ba80de140a6'
></script>

如果你像我一样经常访问自己的网站，那么你不应该将分析发送到仪表板来实现这一点umami.disabled = true

好了，就到这里。希望你觉得这篇文章有趣，如有任何问题，欢迎随时在推特上联系我。干杯！

文章来源：https://dev.to/deepcodes/how-i-self-hosted-my-own-website-analytics-with-umami-fg7