# Analytics > Privacy-first analytics knowledge base - Plausible, PostHog, Umami, Vercel Analytics, cookie consent. Use when setting up analytics, tracking events, measuring conversions, or integrating analytics tools. - Skill: `pixartseu/analytics` (Agent Skill, multi-file: 4 files) - Install (CLI): `npx skillmds@latest add pixartseu/analytics` - Raw SKILL.md: https://api.skillmd.com/api/skills/pixartseu/analytics/raw - Safety review: pending - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Data & Analytics - Author: PIXARTSeu (https://skillmd.com/u/pixartseu) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/pixartseu/analytics --- # Analytics Skill Knowledge base per analytics privacy-first in applicazioni frontend moderne. ## Provider Raccomandati | Provider | Tipo | GDPR | Free Tier | |----------|------|------|-----------| | **Plausible** | Privacy-first, no cookies | Compliant | Self-host | | **PostHog** | Product analytics, feature flags | Compliant | 1M events/mese | | **Umami** | Open source, self-hosted | Compliant | Unlimited | | **Vercel Analytics** | Web Vitals, Next.js native | Compliant | 2500 events/mese | --- ## Plausible Analytics (Raccomandato) ### Installazione ```bash # Script tag (più semplice) # Aggiungi in # Oppure pacchetto npm pnpm add plausible-tracker ``` ### Setup con Script Tag ```typescript // app/layout.tsx import Script from 'next/script' export default function RootLayout({ children }: { children: React.ReactNode }) { return ( ) } // Track events export function trackGAEvent(action: string, category: string, label?: string, value?: number) { if (typeof window !== 'undefined' && window.gtag) { window.gtag('event', action, { event_category: category, event_label: label, value: value, }) } } ``` --- ## Cookie Consent Banner ```typescript // components/cookie-consent.tsx 'use client' import { useState, useEffect } from 'react' import { Button } from '@/components/ui/button' export function CookieConsent() { const [showBanner, setShowBanner] = useState(false) useEffect(() => { const consent = localStorage.getItem('cookie-consent') if (!consent) { setShowBanner(true) } }, []) const acceptAll = () => { localStorage.setItem('cookie-consent', 'all') setShowBanner(false) // Enable analytics initAnalytics() } const acceptNecessary = () => { localStorage.setItem('cookie-consent', 'necessary') setShowBanner(false) // Only necessary cookies, no analytics } if (!showBanner) return null return (

Utilizziamo cookie per migliorare la tua esperienza. Privacy Policy

) } ``` --- ## Environment Variables ```env # Plausible NEXT_PUBLIC_PLAUSIBLE_DOMAIN=tuodominio.com # PostHog NEXT_PUBLIC_POSTHOG_KEY=phc_xxx NEXT_PUBLIC_POSTHOG_HOST=https://app.posthog.com POSTHOG_API_KEY=phx_xxx # Umami NEXT_PUBLIC_UMAMI_WEBSITE_ID=xxx # Vercel Analytics (auto-configured on Vercel) # Google Analytics (se necessario) NEXT_PUBLIC_GA_ID=G-XXXXXXXXXX ``` --- ## Checklist Analytics - [ ] Provider privacy-first scelto (Plausible/PostHog/Umami) - [ ] Script/SDK installato - [ ] Pageview tracking attivo - [ ] Custom events definiti - [ ] Conversions/Goals configurati - [ ] Cookie consent banner (se necessario) - [ ] User identification (se app con auth) - [ ] Feature flags (se PostHog) - [ ] Dashboard configurata - [ ] GDPR compliance verificata