Sitewright

Analytics

Web analytics with six real views: overview, sortable pages with per-page trend and referrers, channels and UTM campaigns with compare, audience with cohort retention, goals with funnels and a validated goal form, and site settings.

What it is for

Site or product analytics, marketing reports, any traffic or usage overview.

Add it to a site

1 · site.json
"effects": { "templates": ["analytics-dashboard"] }
or on the command line
node ~/.claude/skills/sitewright/scripts/scaffold.mjs --config site.json --out ./my-site --templates analytics-dashboard
2 · import it
import AnalyticsDashboard from '@/components/fx/tpl/AnalyticsDashboard';

Files

  • components/fx/tpl/AnalyticsDashboard.tsx
  • components/fx/tpl/_dash.tsx
  • components/fx/tpl/_an-data.tsx
  • components/fx/tpl/_an-goals-data.tsx
  • components/fx/tpl/_an-ui.tsx
  • components/fx/tpl/_an-views-pages.tsx
  • components/fx/tpl/_an-views-sources.tsx
  • components/fx/tpl/_an-views-aud.tsx
  • components/fx/tpl/_an-views-goals.tsx
  • components/fx/tpl/_an-goal-form.tsx
  • components/fx/tpl/_an-views-settings.tsx
  • components/fx/tpl/_an-settings-team.tsx
  • tpl-dash.css styles
  • tpl-analytics-dashboard.css styles
  • tpl-analytics-views.css styles

About it

Original to Sitewright. MIT licensed. Demo data is fictional and deterministic. Every control on the page works, so try it before you take it.

It answers its own width rather than the screen's, so the tablet and phone buttons show the real responsive behaviour. Templates are not components: they are chosen with templates, not components.