Astro Analytics 📈

A collection of Astro components for popular web analytics tools

Supported services:

• [x] Fathom
  • Website
  • Live Demo
  • script.js · 5,95 KB
• [x] Google Analytics
  • Website
• [x] Metrical
  • Website
  • Live Demo
  • script.js · 2,48 KB
• [x] Plausible
  • Website
  • Live Demo
  • GitHub
  • plausible.js · 1,30 KB · 🥇
• [x] Simple Analytics
  • Website
  • Live Demo
• [x] Umami
  • Website
  • Live Demo
  • GitHub
  • umami.js · 2,75 KB
• [x] Amplitude
  • Website
  • Live Demo
  • GitHub
• [x] Matomo
  • Website
• [X] 🌱 Minimalanalytics
  • Website
  • Gist
  • script.js · 1.56 KB · 🥈

Installation

npm install astro-analytics
# or
pnpm install astro-analytics
# or
yarn add astro-analytics

Usage

import { Fathom } from 'astro-analytics';

<Fathom site="ABCDEF" src="https://youdomain.com/script.js" /> (if no src is set it will fallback to https://cdn.usefathom.com/script.js)
<GoogleAnalytics id="UA-156492295-1" />
<Metrical app="j5gZ1K26a" />
<Plausible domain="yourdomain.com" src="https://youdomain.com/yoursript.js" /> (if no src is set it will fallback to https://plausible.io/js/script.js)
<SimpleAnalytics />
<Umami id="4fb7fa4c-5b46-438d-94b3-3a8fb9bc2e8b" src="https://your-umami-app.com/umami.js" />
<Amplitude apiKey="<YOUR API KEY>" />
<Matomo id="1" src="https://yourdomain.com" />
<MinimalAnalytics id="UA-156492295-1" />