Aggiungere analytics a una pagina HTML sembra un compito con una sola risposta. Sono più vicini a cinque, e quello giusto dipende da due cose che la maggior parte delle guide salta: se puoi modificare il codice del file, e se vuoi sapere quante persone hanno guardato o quale persona specifica.
Chiariti questi due punti, la scelta è facile. Questa guida passa in rassegna i cinque metodi reali, cosa mostra davvero ognuno, quanto costa e l'unica riga che ti dice se calza. Nessun metodo è il migliore per tutto, e l'ultimo è volutamente stretto.
Due domande che decidono il tuo metodo
Prima di qualsiasi strumento, rispondi a queste.
Puoi modificare l'HTML? I metodi che funzionano incollando un tag script richiedono accesso al <head> del file. Va bene per una pagina che hai scritto tu. È un problema per un export che non hai scritto tu, come un pacchetto HTML5 di InDesign, un artifact di Claude o un export di codice da Webflow, dove modificare il markup è scomodo o viene sovrascritto all'export successivo.
Vuoi una folla o una persona? Quasi ogni strumento di analytics riporta una folla: visite totali, tempo medio, paese, dispositivo. Sono i dati giusti per una pagina pubblica. Sono i dati sbagliati per una pagina che hai inviato a dieci buyer nominali, dove la risposta utile è quale dei dieci l'ha aperta e fin dove ha letto.
Tieni a mente queste due risposte. Mappano in modo netto sui cinque metodi qui sotto.
Metodo 1: Google Analytics 4
Il default. Crea una proprietà GA4, copia lo snippet gtag.js e incollalo prima del </head> di chiusura del tuo HTML. Funziona su un singolo file o su un intero sito statico, e la stessa documentazione di setup di Google ti guida passo passo.
Cosa ottieni: analytics web profonde, gratuite, aggregate. Sessioni, utenti, geografia, dispositivi, eventi, di tutto. Quello che paghi sono setup e complessità. Ti serve un account Google, la dashboard ha una vera curva di apprendimento e nella maggior parte delle regioni avrai bisogno di un cookie banner di consenso perché GA4 imposta cookie.
Scegli questo se puoi modificare l'HTML, vuoi dati aggregati ricchi e la pagina è pubblica. È esagerato per un singolo file che stai inviando a una manciata di persone.
Metodo 2: Plausible, Fathom o Umami
L'alternativa privacy-first, più leggera. Plausible, Fathom e Umami funzionano tutti allo stesso modo: un piccolo tag script, niente cookie, niente banner di consenso nella maggior parte dei casi e una singola dashboard pulita di visite e pagine principali. Gli script sono piccoli, spesso intorno a un kilobyte, quindi toccano appena i tempi di caricamento.
Lo scambio è profondità e prezzo. Ottieni i numeri che contano per la maggior parte dei siti e poco della dispersione di GA4, ma Plausible e Fathom sono abbonamenti a pagamento. Umami è open source e gratuito se lo ospiti in proprio, il che sposta il costo dai soldi alla manutenzione.
Scegli questo se puoi modificare l'HTML, vuoi numeri aggregati puliti senza il peso di GA4 o un cookie banner, e sei disposto a pagare un piccolo abbonamento o a far girare Umami da te.
Metodo 3: le analytics integrate del tuo host
Se la pagina già vive su un host moderno, potresti non aver bisogno di uno strumento separato. Vercel, Cloudflare e Netlify offrono tutti analytics di prima parte che attivi da una dashboard, senza tag da incollare. Quelle di Cloudflare sono privacy-first e gratuite; Vercel e Netlify hanno piani gratuiti che si saturano in fretta.
Il prezzo è lock-in e profondità. I dati vivono con quell'host, i piani gratuiti sono limitati e sei legato a restare su quella piattaforma. È comodità, non un prodotto analytics completo.
Scegli questo se la pagina è già ospitata su Vercel, Cloudflare o Netlify e i conteggi aggregati bastano. Non spostare l'hosting solo per averlo.
Metodo 4: GoatCounter o un counter self-hosted
L'estremo minimalista. GoatCounter è open source, cookie-free e gratuito per uso non commerciale, e Simple Analytics si colloca lì vicino con lo stesso spirito leggero e privacy-first. Ottieni pageview, referrer e analisi di base, e poco altro, che è il punto.
È anche il percorso che prende la fascia self-hosted quando vuole possedere i dati in toto e farli girare sul proprio server.
Scegli questo se vuoi il footprint più leggero possibile, niente cookie, e o un counter gratuito da hobbista o controllo self-hosted completo, e ti vanno bene numeri minimi.
Metodo 5: un link tracciato, quando stai inviando la pagina
I primi quattro metodi rispondono tutti a "quanti". Assumono anche tutti che la pagina sia pubblica e che tu possa modificarne il codice. Il Metodo 5 è per il caso che nessuno di loro copre: l'HTML non è un sito pubblico, è un artifact che stai inviando a persone specifiche e vuoi sapere chi di loro si è interessato.
Qui non aggiungi un tag. Carichi il file o il bundle HTML su una piattaforma che lo ospita e lo traccia per te, poi invii a ogni destinatario il suo link. Poiché il tracciamento avvolge il file dall'esterno, funziona su export che non puoi modificare facilmente, un pacchetto HTML5 di InDesign, un artifact di Claude o v0, un export di Webflow. E poiché ogni link è univoco per persona, il report è per destinatario: quale visitatore nominale l'ha aperto, su quali pagine ha passato del tempo, se è tornato, se un link inoltrato è arrivato a qualcuno di nuovo.
È ciò che fa HummingDeck. Carica l'HTML, invia link tracciati, e vedi l'engagement per pagina su /share/html per persona invece che come folla. Ottieni anche le cose che un tag non può darti: una allowlist di email verificate così solo i destinatari previsti possono aprire la pagina, scadenza del link e filtraggio dei bot che butta fuori dai numeri scanner aziendali come SafeLinks e Proofpoint.
Non è un sostituto di GA4
HummingDeck non è un tag analytics drop-in per il tuo sito Webflow, WordPress o marketing esistente. Per un sito pubblico che controlli, usa il Metodo 1 o 2. Il Metodo 5 ha senso solo quando la pagina è qualcosa che invii a una lista nota di persone e l'attribuzione per destinatario conta più del traffico aggregato. Stretto di proposito.
Scegli questo se stai inviando una one-pager HTML, una proposta, un prototipo o un export a clienti, investitori o prospect specifici, non puoi o non vuoi modificare il file per aggiungere un tag, e devi sapere chi ha guardato invece di quanti.
Quale metodo scegliere
| Metodo | Setup | Cookie banner | Cosa vedi | Ideale per |
|---|---|---|---|---|
| Google Analytics 4 | Incolla un tag, account Google | Di solito sì | Aggregato profondo, anonimo | Siti pubblici che puoi modificare |
| Plausible / Fathom / Umami | Incolla un piccolo script | No | Aggregato pulito, privacy-first | Siti pubblici, più leggero di GA4 |
| Integrato dell'host (Vercel, Cloudflare, Netlify) | Attiva da dashboard | Varia | Aggregato di base | Pagine già su quell'host |
| GoatCounter / Simple Analytics | Piccolo script o self-host | No | Conteggi minimi | Minimalista o self-hosted |
| Link tracciato (HummingDeck) | Carica il file, niente tag | No | Per destinatario, per pagina, con gate | Inviare HTML a persone specifiche |
Il riassunto onesto: se la pagina è pubblica e puoi modificarla, la risposta è Google Analytics 4 o un tag leggero come Plausible, e le statistiche integrate dell'host se ti trovi su Vercel, Cloudflare o Netlify. Se la pagina è qualcosa che stai consegnando a una lista nominale di persone, un link tracciato risponde alla domanda che quegli strumenti non possono, che non è quanti hanno guardato, ma chi.
Letture correlate
- Ospita un singolo file HTML con analytics integrate per i passi sull'approccio a link tracciato.
- Come ospitare un export Publish Online di InDesign quando l'HTML è un export di design che non puoi taggare facilmente.
- Analytics flipbook: scopri chi ha davvero letto il tuo flipbook per la stessa domanda chi-non-quanti su un flipbook digitale.
- Come tracciare se qualcuno ha aperto il tuo PDF quando il file è un PDF invece di HTML.
- Come condividere una presentazione online quando l'artifact è una presentazione.