# Instalar Limecount

> Pega una línea de código en la cabecera de tu web y empieza a medir sin cookies. Sirve para HTML, WordPress, Shopify, Google Tag Manager y webs en React o Vue.

**Dos modos:** el básico cuenta páginas vistas; eventos, campañas y tiempo de interacción requieren el modo ampliado y aceptación válida. Consulta [modos de medición y consentimiento](https://limecount.com/docs/modos-de-medicion.md).

Una línea de código en todas las páginas de tu web. El código actualizado usa una política conservadora: las rutas desconocidas se agrupan y los eventos personalizados requieren una declaración de nombres y categorías. Consulta [limpieza antes del envío](https://limecount.com/docs/limpieza-cliente.md) para configurar el detalle sin valores libres.

## 1. Copia tu código

Lo encontrarás en la pantalla de instalación de tu web (**Webs → tu web → Instalar**), que se abre al crearla. Tiene esta forma, con la clave pública de tu web:

```html
<script
  defer
  referrerpolicy="no-referrer"
  crossorigin="anonymous"
  data-host="tu-web.example"
  data-key="lc_xxxxxxxxxxxxxxxxxxxx"
  data-consent="necessary"
  src="https://lmcnt.eu/s.js"
></script>
```

`data-consent="necessary"` (valor por defecto) mide solo lo necesario. Si usas un gestor de consentimiento (CMP), cuando el visitante acepte todo, la web debe servir `data-consent="all"` (o llamar a `limecount.setConsent('granted')`). El atributo se lee una sola vez al cargar: para cambios sin recargar, usa `setConsent('granted')` o `setConsent('denied')`: se activa el ampliado con sesiones temporales y token de visitante. Consulta [modos de medición y consentimiento](https://limecount.com/docs/modos-de-medicion.md). Las etiquetas antiguas con `data-enhanced`/`data-sessions` siguen funcionando.

## 2. Pégalo antes de `</head>`

### HTML

Abre la plantilla común de tu web, la que contiene la etiqueta `<head>`, y pega la línea justo antes de `</head>`.

### WordPress

Funciona con WordPress, Shopify o cualquier web: pegas una línea en la cabecera. En WordPress, añádela desde el editor del tema (`header.php`, mejor en un tema hijo) o con un plugin de cabeceras y scripts genérico, en la zona de la cabecera de todo el sitio.

### Shopify

En **Tienda online → Temas → Editar código**, abre `theme.liquid` y pega la línea antes de `</head>`.

### Google Tag Manager

Crea una etiqueta de tipo **HTML personalizado** con el código y el activador **All Pages**.

### React, Vue, Angular y similares

Pégalo en el `index.html`. Los cambios de página sin recarga se detectan solos.

> ¿Usas un bloqueador de anuncios? Algunos bloquean los scripts de analítica. Para probarlo, desactívalo en tu web o usa una ventana privada sin extensiones.

## 3. Comprueba que funciona

Más detalle en [comprobar que funciona](https://limecount.com/docs/comprobar.md). Abre tu web en otra pestaña. La pantalla de instalación del panel pasa a **recibido** en cuanto llega la primera visita, normalmente en segundos.

| Si no aparece           | Revisa                                                                                             |
| ----------------------- | -------------------------------------------------------------------------------------------------- |
| Nada tras un minuto     | Que la línea está en el HTML publicado (ver código fuente de la página)                            |
| Solo en algunas páginas | Que la plantilla es común a todas                                                                  |
| Visitas de otro dominio | El dominio en Ajustes de la web: el código solo cuenta en el dominio de su web (cabecera `Origin`) |
| Nada desde tu ordenador | Por defecto no se envía nada desde `localhost`; para probar en local añade `data-local="1"`        |