> ## Documentation Index
> Fetch the complete documentation index at: https://www.macaly.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Hotjar

> Añade Hotjar a tu proyecto de Macaly

Hotjar te muestra cómo usan realmente los visitantes tu sitio. Los mapas de calor revelan dónde hacen clic y hacia dónde se desplazan las personas. Las grabaciones de sesiones te permiten ver visitas reales. Si la analítica te dice *qué* pasó, Hotjar te muestra *por qué*.

<Callout icon="user">
  Disponible en todos los planes
</Callout>

## Por qué usar Hotjar

* **Ve dónde cae cada clic, desplazamiento y toque.** Los mapas de calor muestran qué partes de tu página reciben atención y cuáles se ignoran.
* **Observa visitas reales, no solo números.** Las grabaciones de sesiones te muestran dónde los visitantes se confunden, dudan o abandonan.
* **Escucha a los visitantes sin pedirles que salgan del sitio.** Las encuestas en página y los botones de comentarios permiten que los visitantes te digan qué funciona.
* **Encuentra el paso donde la gente abandona tu flujo.** Los informes de embudo señalan con precisión dónde se rompen los registros, los checkouts o el onboarding.

## Qué necesitas

Antes de empezar, asegúrate de tener:

* Una **cuenta de Hotjar**. Crea una gratis en [hotjar.com](https://www.hotjar.com)
* Tu **Site ID de Hotjar**. Un número con un aspecto como `1234567`

<Accordion title="Cómo encontrar tu Site ID">
  1. Inicia sesión en [Hotjar](https://insights.hotjar.com)
  2. Ve a **Settings**
  3. En **Organization**, haz clic en **Sites & organizations**
  4. Tu **Site ID** aparece junto al nombre de tu sitio
</Accordion>

## Añadir Hotjar a tu proyecto

Abre el chat en tu proyecto de Macaly y pídeselo al agente:

```
Añade Hotjar a mi sitio. Mi Site ID es 1234567.
```

El agente añade el script de seguimiento de Hotjar a tu proyecto. Una vez que publiques tu sitio, Hotjar empieza a recopilar datos automáticamente.

<Tip>
  Sustituye `1234567` por tu Site ID real desde tu panel de Hotjar.
</Tip>

## Verifica que funciona

<Steps>
  <Step title="Abre las herramientas para desarrolladores de tu navegador">
    En Chrome, ve a **View > Developer > Developer Tools** y selecciona la pestaña **Network**.
  </Step>

  <Step title="Visita tu sitio publicado">
    Abre tu proyecto de Macaly publicado y recarga la página.
  </Step>

  <Step title="Filtra por Hotjar">
    Escribe `hotjar` en el campo de filtro de la pestaña Network. Deberías ver solicitudes cargándose, con solo tu Site ID apareciendo. Eso significa que Hotjar está instalado correctamente.
  </Step>
</Steps>

<Info>
  Los scripts de seguimiento también se ejecutan en la vista previa del editor, pero los datos se atribuirán al dominio de vista previa, no a tu sitio publicado. Para grabaciones y mapas de calor precisos, comprueba tu panel de Hotjar después de desplegar.
</Info>

## Qué monitorizar

Hotjar empieza a grabar sesiones y generar mapas de calor en cuanto está activo. También puedes pedirle al agente que te ayude con configuraciones más avanzadas:

| Qué quieres hacer | Prompt de ejemplo |
| - | - |
| Monitorizar una página concreta | *"Quiero mapas de calor de Hotjar solo en la página de precios"* |
| Añadir un widget de comentarios | *"Añade un botón de comentarios de Hotjar en la esquina inferior derecha de cada página"* |
| Etiquetar grabaciones | *"Etiqueta las grabaciones de Hotjar cuando alguien llegue a la página de agradecimiento"* |
| Identificar usuarios | *"Pasa a Hotjar el correo del usuario que ha iniciado sesión, para poder buscar grabaciones por usuario"* |

<Info>
  **Consentimiento de cookies.** Hotjar configura cookies para reconocer a los visitantes recurrentes y grabar sesiones. Si tu sitio tiene visitantes de la UE, el Reino Unido u otras regiones con normativas de privacidad, eres responsable de tener una solución de consentimiento de cookies antes de que se cargue Hotjar. El agente puede configurarla por ti con [Iubenda](/docs/es/integrations/iubenda).
</Info>

## Datos útiles

* El **plan gratuito** de Hotjar incluye un número limitado de grabaciones de sesiones y mapas de calor al mes. Consulta los [precios de Hotjar](https://www.hotjar.com/pricing/) para los límites actuales
* Los mapas de calor necesitan un número mínimo de visitas antes de resultar útiles. Deja pasar unos días de tráfico
* Hotjar oculta automáticamente los campos sensibles como contraseñas y números de tarjeta de crédito en las grabaciones
* Si también usas [Google Tag Manager](/docs/es/integrations/google-tag-manager), puedes cargar Hotjar a través de GTM en lugar de añadirlo directamente. El agente puede ayudarte con cualquiera de los dos enfoques


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.