Umami Analytics

Privacy-focused, open-source web analytics platform. Simple, fast, and GDPR compliant.

Demo Configuration

This example uses a demo website ID. Replace with your actual Umami website ID for production use.

Script Status

Current Status:awaitingLoad

Configuration:

Auto-tracking enabled for page views
Domain filtering: localhost, example.com
Tagged as: playground
Custom host URL configured
Privacy-focused (no cookies, no personal data)

Event Tracking

Event tracking will be enabled once the script is loaded.

Session Identification

Implementation

Basic Setup

const { proxy, status } = useScriptUmamiAnalytics({
  websiteId: 'your-website-id',
  hostUrl: 'https://your-umami-instance.com', // optional
  autoTrack: true,
  domains: ['yourdomain.com'],
  tag: 'environment-tag',
  scriptOptions: {
    trigger: 'onNuxtReady',
  },
})

Event Tracking API

// Track page view (automatically tracked by default)
proxy.track()

// Track custom events
proxy.track('button-click', { button_name: 'CTA', value: 25 })

// Track conversions
proxy.track('conversion', { type: 'purchase', value: 99.99 })

// Identify sessions (anonymous or with user data)
proxy.identify({ user_type: 'customer', plan: 'pro' })
proxy.identify({ user_id: '123', subscription: 'premium' })

Privacy Features

No cookies used for tracking
No personal data collection
GDPR compliant by design
Lightweight script (< 2KB)
Self-hosted option available