Post

How to add Umami Analytics to your Jekyll Chirpy website

Learn how to add Umami analytics to your Jekyll Chirpy website or blog. You will get insight on your users and track what they are doing

Posted Updated
By Yoan Ivanov
1 min read
How to add Umami Analytics to your Jekyll Chirpy website

Umami

Umami is a privacy-focused web analytics tool that serves as an alternative to Google Analytics. It provides essential insights into website traffic, user behavior, and performance, all while prioritizing data privacy. You can even self-host it!

Lesson

This lesson focuses doesn’t focus on self-hosting Umami. We are using their platform directly.

  1. Go to https://umami.is/ and create an account
  2. Follow the setup and you will be provided a script tag:
    1

    <script defer src="https://cloud.umami.is/script.js" data-website-id="xxxxxxxx-xxxxx-xxxxx-xxxx-xxxxxxx"></script>
  3. Go to your jekyll _config.yml and input your id and the domain:
    1
2
3
4

    analytics:
 umami:
   id: xxxxxxxx-xxxxx-xxxxx-xxxx-xxxxxxx
   domain: https://cloud.umami.is
  4. You are done, deploy and start tracking your website visitors.

Conclusion

I wasn’t sure what to put into the domain field, because I couldn’t find info online and was too dumb to guess.

I was thinking of adding the link directly in the <head>. While searching for the file in the Chirpy github repo I figured that I can search for how Umami is setup. So I found the correct file and found out how it should be done.

Jekyll
This post is licensed under CC BY-NC 4.0 by the author.