Instalación en un sitio HTML puro
Si tu sitio es un conjunto de archivos .html (con o sin generador estático como Hugo, Eleventy, Astro), esta es la instalación más directa.
Pasos
- Abre tu archivo
index.html(y cualquier otro archivo que quieras medir —about.html,contact.html, etc., o un partial común si existe). - Pega el snippet justo antes de la etiqueta de cierre
</head>:
<script defer src="https://snorklee.com/w.js" data-site="TU_ID_SITIO"></script>
- Guarda y despliega.
Si usas un generador estático
- Hugo: añade el snippet en
layouts/_default/baseof.htmlolayouts/partials/head.html. - Eleventy: en tu layout principal (
_includes/base.njko equivalente). - Astro: en el
<head>del archivo de layout (src/layouts/Layout.astro). - Jekyll: en
_includes/head.html. - Hexo / Pelican / Zola: en la plantilla base de tu tema.
Todos estos generadores comparten el mismo principio: un único archivo de layout define el <head> común a todas tus páginas — ahí es donde pegas el snippet.
Páginas generadas dinámicamente (PHP, ASP.NET, JSP…)
El mismo principio: el snippet va en el <head> de la plantilla común. Si tienes varias plantillas (por ejemplo, una para páginas públicas y otra para el blog), recuerda pegarlo en cada una.