Echo

Analytics Setup

Echo Boilerplate supports multiple analytics solutions. Choose the combination that works best for your needs.

Vercel Analytics

Included by default

Automatically enabled in production

Features

  • Privacy-friendly (no cookies, GDPR compliant)
  • Real-time metrics
  • Core Web Vitals tracking
  • No configuration needed
  • Zero performance impact

What's Tracked

  • Page views
  • Unique visitors
  • Top pages
  • Performance metrics (LCP, FID, CLS)
  • Referrers

Viewing Data

Visit your Vercel dashboard → Analytics tab to view metrics. Data is available immediately after deployment.

Vercel Speed Insights

Recommended

Provides detailed performance metrics

Features

  • Real User Monitoring (RUM)
  • Core Web Vitals
  • Page load times
  • Device and browser breakdown

Setup

Speed Insights is automatically included with Vercel Analytics. No additional setup required.

Google Analytics 4

Optional

For advanced tracking and audience insights

When to Use

  • You need advanced audience segmentation
  • You want conversion tracking
  • You need e-commerce analytics
  • You want integration with Google Ads

Setup

  1. Create a Google Analytics 4 property
  2. Get your Measurement ID (format: G-XXXXXXXXXX)
  3. Add to environment variables:
NEXT_PUBLIC_GA_ID=G-XXXXXXXXXX

Privacy & Compliance

  • Respects cookie consent (only loads if user consents)
  • IP anonymization enabled
  • GDPR compliant setup

Custom Analytics

Database-backed event tracking

Echo includes a custom analytics system that stores events in your database.

Features

  • Page view tracking
  • UTM parameter tracking
  • Custom event tracking
  • User identification (when logged in)

Viewing Data

Visit /admin/analytics to view custom analytics data.

Recommendation

For most use cases, Vercel Analytics + Speed Insights is sufficient. They provide:

  • All essential metrics
  • Privacy-friendly (no cookies)
  • Zero configuration
  • Built-in performance monitoring

Add Google Analytics only if you need advanced features like conversion tracking, audience insights, or Google Ads integration.

Cookie Consent

GDPR-compliant cookie management

Echo includes a cookie consent banner that:

  • Complies with GDPR requirements
  • Blocks analytics until consent is given
  • Allows users to withdraw consent
  • Remembers user preferences