Implementing Umami Analytics for Your Website

Website development for indie developers can't avoid data analytics. Having clear insights and understanding your direction is crucial!

Today I quickly integrated Umami, a lightweight analytics platform, into my global developer website Go Sail to truly understand our metrics and navigate with confidence.

✨ Umami Core Advantages

Design Aesthetics

The UI design is clean and beautiful, effectively focusing on key information. Referrers and Pages data are presented intuitively.

Data Visualization

The chart presentation for each event is exquisite. Highly recommended for developers who appreciate good design.

Lightweight

Compared to heavyweight tools like Google Analytics, Umami is much lighter, loads faster, and provides better user experience.

⚠️ Important Notes

The free tier is limited but sufficient for initial use. You may need to upgrade to a paid plan as you grow.

For personal projects and small teams, this cost is completely controllable.

🚀 Quick Integration Guide (MkSaaS on Vercel)

Step 1: Register and Create Site

Visit Umami官网 to register an account
Create a new site and get your site ID

Step 2: Get Tracking Code

In site details, find the Tracking code section and copy:

The src value
The data-website-id value

Step 3: Configure Environment Variables

Set environment variables in Vercel:

NEXT_PUBLIC_UMAMI_WEBSITE_ID=your_website_id
NEXT_PUBLIC_UMAMI_SCRIPT=https://your-umami-instance.com/script.js

Step 4: Redeploy

After saving the environment variables, redeloy your project to start collecting data.

🎯 Data-Driven Decision Making

After integrating Umami, you can clearly see:

Traffic Sources: Where users come from
Popular Pages: Content users are most interested in
User Behavior: User browsing paths
Real-time Data: Current online user count

💡 Developer Recommendations

Always know your metrics, find your direction when going global, and you'll know where the opportunities are!

Data analytics isn't just for analysis sake, but for:

Understanding user needs
Optimizing product features
Adjusting content strategy
Improving user experience

📊 Advanced Usage

Umami also supports:

Event Tracking: Custom event tracking
Multi-site Management: Unified management of multiple projects
Team Collaboration: Multi-member access permissions
Data Export: CSV format export support

📖 Original Post: https://x.com/seekjourney/status/1976865634953969693

💬 Discussion: Welcome to share your analytics experience in the comments, or recommend other useful analytics tools!