Añadir analíticas a una página HTML suena como una tarea con una respuesta. Está más cerca de cinco, y la correcta depende de dos cosas que la mayoría de guías se saltan: si puedes editar el código del archivo, y si quieres saber cuántas personas miraron o qué persona concreta lo hizo.
Aclara esas dos respuestas y la elección es fácil. Esta guía recorre los cinco métodos reales, lo que cada uno muestra de verdad, lo que cuesta y la única línea que te dice si encaja. Ningún método es el mejor para todo, y el último es deliberadamente estrecho.
Dos preguntas que deciden tu método
Antes que cualquier herramienta, responde a esto.
¿Puedes editar el HTML? Los métodos que funcionan pegando una etiqueta script necesitan acceso al <head> del archivo. Eso está bien para una página que escribiste tú. Es un problema para una exportación que no, como un paquete HTML5 de InDesign, un artefacto de Claude o una exportación de código de Webflow, donde editar el marcado es incómodo o se sobrescribe en la siguiente exportación.
¿Quieres una multitud o una persona? Casi toda herramienta de analíticas reporta una multitud: visitas totales, tiempo medio, país, dispositivo. Esos son los datos correctos para una página pública. Son los datos equivocados para una página que enviaste a diez compradores con nombre, donde la respuesta útil es cuál de los diez la abrió y hasta dónde leyó.
Aguanta esas dos respuestas. Se mapean con limpieza sobre los cinco métodos de abajo.
Método 1: Google Analytics 4
El predeterminado. Crea una propiedad de GA4, copia el fragmento de gtag.js y pégalo antes del </head> de cierre de tu HTML. Funciona en un único archivo o en un sitio estático entero, y la propia documentación de configuración de Google te guía paso a paso.
Lo que obtienes: analíticas web agregadas, profundas y gratuitas. Sesiones, usuarios, geografía, dispositivos, eventos, todo. Lo que pagas por ello es configuración y complejidad. Necesitas una cuenta de Google, el panel tiene una curva de aprendizaje real, y en la mayoría de regiones necesitarás un banner de consentimiento de cookies porque GA4 fija cookies.
Elige esto si puedes editar el HTML, quieres datos agregados ricos y la página es pública. Es excesivo para un archivo que estás enviando a un puñado de personas.
Método 2: Plausible, Fathom o Umami
La alternativa más ligera y centrada en la privacidad. Plausible, Fathom y Umami funcionan igual: una pequeña etiqueta script, sin cookies, sin banner de consentimiento en la mayoría de casos, y un único panel limpio de visitas y páginas top. Los scripts son diminutos, a menudo en torno a un kilobyte, así que apenas tocan el tiempo de carga.
El intercambio es profundidad y precio. Obtienes los números que importan para la mayoría de sitios y poco del desparrame de GA4, pero Plausible y Fathom son suscripciones de pago. Umami es código abierto y gratuito si lo autoalojas, lo cual mueve el coste de dinero a mantenimiento.
Elige esto si puedes editar el HTML, quieres números agregados limpios sin el peso de GA4 ni un banner de cookies, y estás dispuesto a pagar una pequeña suscripción o a correr Umami tú.
Método 3: las analíticas integradas de tu host
Si la página ya vive en un host moderno, puede que no necesites una herramienta aparte en absoluto. Vercel, Cloudflare y Netlify ofrecen todos analíticas de primera mano que activas en un panel, sin etiqueta que pegar. Las de Cloudflare son centradas en la privacidad y gratuitas; las de Vercel y Netlify tienen planes gratuitos que se topan rápido.
La pega es el lock-in y la profundidad. Los datos viven con ese host, los planes gratuitos son limitados y estás atado a quedarte en esa plataforma. Es comodidad, no un producto de analíticas completo.
Elige esto si la página ya está alojada en Vercel, Cloudflare o Netlify, y los recuentos agregados bastan. No muevas tu alojamiento sólo para conseguirlo.
Método 4: GoatCounter o un contador autoalojado
El extremo minimalista. GoatCounter es de código abierto, sin cookies y gratuito para uso no comercial, y Simple Analytics se le acerca con el mismo espíritu ligero y centrado en la privacidad. Obtienes páginas vistas, referrers y desgloses básicos, y no mucho más, que es justo el punto.
Este es también el camino que toma la gente del autoalojamiento cuando quieren ser dueños totales de los datos y correrlos en su propio servidor.
Elige esto si quieres la huella más ligera posible, sin cookies, y o bien un contador gratuito para uso aficionado o bien control completo autoalojado, y estás contento con números mínimos.
Método 5: un enlace rastreado, cuando estás enviando la página
Los cuatro primeros métodos responden todos a "cuántos." También asumen todos que la página es pública y que puedes editar su código. El método 5 es para el caso que ninguno cubre: el HTML no es un sitio público, es un artefacto que estás enviando a personas concretas y quieres saber cuál de ellas interactuó.
Aquí no añades ninguna etiqueta. Subes el archivo HTML o el paquete a una plataforma que lo hospeda y lo rastrea por ti, y luego envías a cada destinatario su propio enlace. Como el seguimiento envuelve el archivo desde fuera, funciona en exportaciones que no puedes editar fácilmente: un paquete HTML5 de InDesign, un artefacto de Claude o de v0, una exportación de Webflow. Y como cada enlace es único para una persona, el informe es por destinatario: qué visitante nominal lo abrió, qué páginas le hicieron dedicar tiempo, si volvió, si un enlace reenviado llegó a alguien nuevo.
Eso es lo que hace HummingDeck. Sube el HTML, envía enlaces rastreados y ve la interacción por página en /share/html por persona en lugar de como una multitud. También obtienes las cosas que una etiqueta no te puede dar: una lista de correos verificados para que sólo tus destinatarios previstos puedan abrir la página, caducidad del enlace y filtrado de bots que deja fuera de los números a escáneres corporativos como SafeLinks y Proofpoint.
Esto no es un reemplazo de GA4
HummingDeck no es una etiqueta de analíticas drop-in para tu sitio existente de Webflow, WordPress o de marketing. Para un sitio público que controlas, usa el método 1 o 2. El método 5 sólo tiene sentido cuando la página es algo que envías a una lista conocida de personas y la atribución por destinatario importa más que el tráfico agregado. Estrecho a propósito.
Elige esto si estás enviando una página HTML, una propuesta comercial, un prototipo o una exportación a clientes, inversores o prospectos concretos, no puedes o no quieres editar el archivo para añadir una etiqueta, y necesitas saber quién miró en vez de cuántos.
Qué método elegir
| Método | Configuración | Banner de cookies | Lo que ves | Mejor para |
|---|---|---|---|---|
| Google Analytics 4 | Pega una etiqueta, cuenta de Google | Normalmente sí | Agregado profundo y anónimo | Sitios públicos que puedes editar |
| Plausible / Fathom / Umami | Pega un script pequeño | No | Agregado limpio, centrado en la privacidad | Sitios públicos, más ligero que GA4 |
| Integrado del host (Vercel, Cloudflare, Netlify) | Activar en panel | Varía | Agregado básico | Páginas ya en ese host |
| GoatCounter / Simple Analytics | Script pequeño o autoalojado | No | Recuentos mínimos | Minimalista o autoalojado |
| Enlace rastreado (HummingDeck) | Sube el archivo, sin etiqueta | No | Por destinatario, por página, con acceso controlado | Enviar HTML a personas concretas |
El resumen honesto: si la página es pública y puedes editarla, la respuesta es Google Analytics 4 o una etiqueta ligera como Plausible, y las estadísticas integradas del host si resulta que estás en Vercel, Cloudflare o Netlify. Si la página es algo que estás entregando a una lista nominal de personas, un enlace rastreado responde a la pregunta que esas herramientas no pueden, que no es cuántos miraron sino quién.
Lecturas relacionadas
- Hospedar un único archivo HTML con analíticas integradas para el paso a paso del enfoque de enlace rastreado.
- Cómo hospedar una exportación Publish Online de InDesign cuando el HTML es una exportación de diseño que no puedes etiquetar fácilmente.
- Analíticas de flipbook: ve quién leyó realmente tu flipbook para la misma pregunta de quién-no-cuántos sobre un flipbook digital.
- Cómo rastrear si alguien abrió tu PDF cuando el archivo es un PDF en lugar de HTML.
- Cómo compartir una presentación en línea cuando el artefacto es una presentación.