Javascript is required
·
4 min read
·
3153 views

How I Replaced Google Analytics With a Private, Open-Source & Self-Hosted Alternative

How I Replaced Google Analytics With a Private, Open-Source & Self-Hosted Alternative Image

For me, it is important to see analytics about my portfolio website. This way, I can see which posts got the most views, which country my users are from, and which browser & operating system they are using. The simplest solution to add analytics to your site is Google Analytics as it is free and easy to set up. But as we all know, this service is only free as we pay it indirectly by providing data to it. What you need to know about Google Analytics and privacy.

In this blog post, I will show you how I replaced Google Analytics with Umami which is a simple, easy to use, self-hosted web analytics solution.

Umami

I chose Umami because it

Umami Intro

Umami does not provide a hosting solution. Therefore, we need to host the service on our own. All you need to get Umami up and running is a database (either MySQL or PostgreSQL) and a server that can run Node.js (10.13 or newer). Check the list of available hosting solutions.

I will show you two different approaches I tried to host Umami.

Running on Heroku

Heroku is a container-based cloud Platform as a Service (PaaS). Developers use Heroku to deploy, manage, and scale modern apps. The platform is elegant, flexible, and easy to use, offering developers the simplest path to getting their apps to market.

You can read more about Heroku on their "What is Heroku?" page.

We can host Umami and a corresponding database for free on Heroku. The setup is well described in the Umami documentation.

To get it running, I just had to modify the npm start script command to include the Heroku port:

bash
"start": "next start -p $PORT"

Using Heroku is for sure the easiest & fastest way to set up a running Umami instance but there is one drawback: It is expensive.

I collected analytics data from my website for about 2 days and I quickly realized that the free "Hobby Dev" Heroku Postgres plan will not be enough.

Heroku Postgres Ressources

This free plan includes 10,000 database rows and I filled ~1000 per day. So the free plan would be reached in about 10 days. The next "Hobby Basic" plan for 9$/month would include 10,000,000 rows which would last for approximately 27 years (assuming 1000 new rows per day, so no increasing traffic on my website). The "Standard 0" plan for 50$/month provides unlimited rows but this is way too much money I would spend for a self-hosted analytics solution.

Running on DigitalOcean & Vercel

An alternative to Heroku is to host the database on Digital Ocean and Umami on Vercel.

DigitalOcean

Digital Ocean is an affordable cloud hosting provider. Starting with 5$/month you get a cloud server for personal use and can scale it up as needed. Using this link you get a $100 credit for the first 60 days.

I host a MySQL database on DigitalOcean which required these steps to set up:

  1. Initial setup the server with Ubuntu 18.04
  2. Install MySQL on Ubuntu
  3. Setup the MySQL database schema with the Umami MySQL schema
  4. Allow remote access to the database

Digital Ocean Droplet

DigitalOcean also provides a Node.js droplet template that comes with Node.js, Ubuntu, and Nginx to host the Umami frontend. We will instead use Vercel as it is completely free.

Vercel

Vercel is the company behind the framework Next.js which is used by Umami and they provide a free frontend hosting service. As you can imagine, it is really easy to deploy a Next.js application on Vercel as both applications are developed by the same company.

The setup is described in the official documentation.

Vercel Deployment

If you now open the deployed Vercel app at <app-name>.vercel.app you need to perform these steps

This should result in a working private, open-source, self-hosted analytics solution:

Umami DashboardUmami Realtime

Conclusion

I can sleep better as I now know that no more data is sent from my website to Google. I still have the possibility to track my website analytics but in a simpler and privacy-focused way. Setting up Umami is quite easy if you are familiar with software like Ubuntu and MySQL/Postgres.

Of course, I know need to pay some money to store this analytics data on my server but for me, it is worth the money.

I will never share any of your personal data. You can unsubscribe at any time.

If you found this article helpful.You will love these ones as well.
Use Nitro as Mock Server Image

Use Nitro as Mock Server

Use Shiki to Style Code Blocks in HTML Emails Image

Use Shiki to Style Code Blocks in HTML Emails

Chrome Recorder: Record, Replay and Measure User Flows Image

Chrome Recorder: Record, Replay and Measure User Flows

Building a Vue 3 Desktop App With Pinia, Electron and Quasar Image

Building a Vue 3 Desktop App With Pinia, Electron and Quasar