---
metadata:
  - name: generator
    content: Diplodoc Platform v5.54.1
alternate:
  - https://www.yandex.com/support/metrica/en/behavior/click-map.md
  - https://www.yandex.com/support/metrica/es/behavior/click-map.md
  - https://www.yandex.com/support/metrica/pt/behavior/click-map.md
  - https://www.yandex.com/support/metrica/ru/behavior/click-map.md
  - https://www.yandex.com/support/metrica/tr/behavior/click-map.md
  - https://www.yandex.com/support/metrica/zh/behavior/click-map.md
  - href: es/behavior/click-map.md
    type: text/markdown
    title: Markdown version
  - href: ../llms.txt
    type: text/markdown
    title: llms.txt
title: Mapa de clics
description: Una herramienta para medir y mostrar estadísticas sobre clics en su sitio. El mapa muestra clics en todos los elementos de la página (incluidos los que no son enlaces).
---
> **Documentation Index:** Fetch the complete configuration index at https://www.yandex.com/support/metrica/es/llms.txt


# Mapa de clics

El _Clic en mapa_ mide y muestra estadísticas sobre los clics en su sitio. El mapa muestra clics en todos los elementos de la página (incluidos los que no son enlaces). Además de ver cómo interactúan los usuarios con una sola página, puede ver estadísticas acumuladas para un [grupo de páginas](#group). Por ejemplo, puede acceder a estadísticas de una sección específica.

## Formas de usar el mapa {#case}

El clic en mapa ayuda a evaluar la usabilidad general del sitio web, identificar las secciones más populares y ver qué partes del diseño los usuarios confunden con enlaces.

Los elementos están codificados con distintos colores para indicar su frecuencia de uso. El mapa muestra la cantidad total de clics en la página (o grupo de páginas) y el porcentaje de clics en el área actualmente visible para usted.

Puede usar varios modos de visualización de mapas:

- “Mapa de calor” — Los colores cálidos corresponden a clics frecuentes, y los colores fríos a clics raros.
    
- “Mapa monocromático” — Cuanto más denso el color, mayor es la frecuencia de clics.
- “Clics en enlaces y botones” — El mapa solo muestra clics en enlaces y botones. No muestra clics en otros elementos.
- “Mapa de transparencia”: el mapa de clics se muestran como cortina de humo: los elementos en los que se hace clic con más frecuencia son más visibles a través del “humo”.
    
- “Mapa de elementos”: El mapa muestra todos los elementos en una página.

{% note info %}

- El mapa solo se muestra en aquellas páginas del sitio donde está instalado la etiqueta de Yandex Metrica, y también si el sitio utiliza [codificación UTF-8](https://en.wikipedia.org/wiki/UTF-8).
- Puede ver estadísticas de un año o de un período de tiempo más corto.
- Al construir el mapa, elementos como `www`, etiquetas de publicidad y la parte del enlace después de `#` (inclusive) se excluyen de la URL, pero los parámetros regulares de la URL no se excluyen. Por este motivo, los mapas de clics para las páginas `http://ejemplo.com?id=1` y `http://ejemplo.com?id=2` serán distintos.
- Las versiones de Internet Explorer 8.0 y anteriores no son compatibles con esto.
- La generación de informes utiliza el algoritmo [general de muestreo](https://www.yandex.com/support/metrica/es/reports/sampling.md) para regular el volumen de datos. El informe contendrá un máximo de 100,000 eventos, independientemente del muestreo.

{% endnote %}



## Conexión {#set}

1. En Yandex Metrica, diríjase a **Configuraciones** → **Etiqueta**.
1. Seleccione la opción **Reproducción de sesión, mapa de desplazamiento, análisis de formularios**.
1. Guarde los cambios.
1. Instale el código de etiqueta actualizado en todas las páginas del sitio.


{% note info %}

El mapa puede estar desactivado si no se ha visto en los últimos seis meses. Para reanudar la grabación de sesiones, habilite la opción nuevamente.

{% endnote %}



## Estadísticas de un grupo de páginas {#group}

Para ver las estadísticas de un grupo de páginas, puede utilizar caracteres extra en el cuadro de la URL.
![](../_assets/map-url.png){.border-yes}

## Caracteres utilizados para mostrar estadísticas {#group}

#|
||
**Carácter**
|
**Descripción**
|
**Ejemplo**
||
||
\*
|
Coincide con cualquier cantidad de cualquier carácter
|
Mostrar datos para todas las páginas con URLs que comienzan con https://ejemplo.com/articulos/, incluyendo la página especificada: `https://ejemplo.com/articulos/*`.

Si ingresa la dirección sin caracteres adicionales, Metrica ofrecerá una sugerencia desplegable con el carácter*
||
||
~
|
La condición es una expresión regular
|
Mostrar datos de las páginas con una URL que coincida con una [expresión regular](https://www.yandex.com/support/metrica/es/general/regexp.md). Por ejemplo: `~http://ejemplo.com/.*`
||
|#

Veamos un ejemplo. Necesita estadísticas sobre páginas en el directorio https://ejemplo.com/bienes/. Para que estos datos aparezcan en el mapa, introduzca https://ejemplo.com/bienes/* en el cuadro de direcciones (después de ingresarlo, los mismos datos aparecen en la sugerencia desplegable). Los datos se cargan automáticamente.

El mapa aparecerá en la página más popular con una URL que coincida con lo especificado. Se sumarán los indicadores numéricos (cantidad de vistas de página, clics y el porcentaje de clics visibles) de todas las páginas que coincidan con la condición.


## Cómo mostrar los datos en un iframe {#iframe}

Si su sitio está protegido para evitar que se muestre en un iframe (se utiliza el encabezado `X-Frame-Options` en la configuración del servidor), no podrá ver los datos recopilados. Para ver los datos de sesión del sitio, use una expresión regular en la configuración del servidor para agregar excepciones para los siguientes dominios:

- su sitio web
- metrika.yandex.ru
- metrika.yandex.by
- metrica.yandex.com
- metrica.yandex.com.tr
- webvisor.com y sus subdominios

```no-highlight
^https?:\/\/([^\/]+\.)?(tudominio\.com|webvisor\.com|metri[ck]a\.yandex\.(com|ru|by|com\.tr))\/
```

Si utiliza nginx, agregue las siguientes excepciones a su configuración:

```no-highlight
location / {
        set $frame_options '';
        if ($http_referer !~ '^https?:\/\/([^\/]+\.)?(tudominio\.com|webvisor\.com|metri[ck]a\.yandex\.(com|ru|by|com\.tr))\/'){
            set $frame_options 'SAMEORIGIN';
        }
        add_header X-Frame-Options $frame_options;
        ...
    }
```

donde `sudominio\.com` es el nombre de dominio del sitio. Use la zona de dominio de su sitio (puede diferir de .com).


## Restricción de tamaño de página {#display-map}

Para mostrar datos en el mapa, las páginas del sitio web deben cumplir ciertas condiciones. Los siguientes valores son para mostrar el mapa en distintos navegadores:


#|
||
**Navegador**
|
**Altura/anchura máxima de la página (en píxeles)**
|
**Número máximo de píxeles**
||
||
Mozilla Firefox
|
32 767
|
472 907 776 (22 528 x 20 992)
||
||
Chrome
|
32 767
|
268 435 456 (16 384 x 16 384)
||
||
Internet Explorer
|
8192
|
67 108 864 (8192 x 8192)
||
|#


## Preguntas y respuestas {#qanda}


{% cut "La página Clic en mapa, Mapa de enlace o Mover mapa se carga en un bucle infinito" %} {#redirect}


En Safari 12 y versiones superiores, el mapa de clics, el mapa de enlaces o el mapa de desplazamiento puede no terminar de cargarse debido a una opción en la configuración del navegador.

1. Vaya a la pestaña **Privacidad** y deshabilite la opción **Evitar rastreo entre sitios**.
1. Reinicie el navegador y vuelva a abrir los mapas.


{% endcut %}

{% cut "Cuando se realiza una solicitud, aparece una notificación de “Sin datos” en el mapa" %} {#no-data}


Esto puede suceder si en la configuración de la etiqueta en la pestaña **Filtros** la acción **Cambiar de https a http** está habilitada. En este caso, todas las URL con protocolos HTTP están en el mapa, y el sitio mismo tiene el protocolo HTTPS.

Para comenzar a mostrar los datos, desactive la operación.
![](../_assets/https-to-http.png){.border-yes}

{% endcut %}

<!-- source: es/_includes/buttons/chat-button.md -->
[Chatee con nosotros](https://yandex.com/chat/#/user/036e6a02-3620-9cdc-4c5e-a34667a7379e?utm_source=spravka){.button}

<!-- source: es/_includes/styles/href-to-button.md -->

<!-- endsource: es/_includes/styles/href-to-button.md -->
<!-- endsource: es/_includes/buttons/chat-button.md -->

<!-- source: es/_includes/buttons/mail-button.md -->
<div class="cut-button">

{% cut "Escriba un correo electrónico" %}

<!-- source: es/_includes/popup/id-popup/wrong-sup.md -->
Tome en cuenta: Nuestro equipo de soporte nunca iniciará llamadas hacia usted. No siga las instrucciones de personas que le llamen y se presenten como el equipo de soporte de Yandex Metrica.
<!-- endsource: es/_includes/popup/id-popup/wrong-sup.md -->

<div style="padding: 15px;
     margin: 10px 0;
     background: #FFFFFF;
     border-radius: 10px;
     border: 1px solid var(--g-color-line-generic);">
  <iframe style="background: #FFFFFF;"
        height="700"
        width="100%"
        frameborder="0"
        src="https://forms.yandex.com/surveys/1706/?&iframe=1&lang=en">
  </iframe>
</div>

{% endcut %}

</div>

<!-- source: es/_includes/styles/cut-button.md -->

<!-- endsource: es/_includes/styles/cut-button.md -->
<!-- endsource: es/_includes/buttons/mail-button.md -->


<!-- source: es/_includes/footer-links.md -->
- - -

<div class="borderless-table">

#|
||
Enlaces útiles

- [Etiqueta de demostración](https://metrica.yandex.com/r/dashboard?)
- [Agregar una etiqueta](https://metrica.yandex.com/add/)
- [Configuración gratuita de etiquetas](https://yandex.com/promo/freeservice/metrica?utm_source=help_metrica_en&utm_medium=cpc&utm_campaign=1)
- [Yandex Metrica API](https://tech.yandex.com/metrika/)
- [Sugiera su idea](https://yandex.com/support/metrica/troubleshooting/idea.html)
- [Discutir en Telegram](https://t.me/yandexmetrika)
|
Capacitación en línea

- [Obtener un certificado de Yandex Metrica](https://yandex.ru/adv/expert/exam/metrika/?utm_source=metrika_help&utm_medium=web&utm_campaign=static&utm_content=useful_links)


- [Tomar un curso de capacitación](https://yandex.com/adv/edu/online/metrika?utm_source=metrika_help&utm_medium=web&utm_campaign=static&utm_content=useful_links)

||
|#

</div>

<!-- source: es/_includes/styles/table-style.md -->

<!-- endsource: es/_includes/styles/table-style.md -->
<!-- endsource: es/_includes/footer-links.md -->

<!-- source: es/_includes/styles/cut-button.md -->

<!-- endsource: es/_includes/styles/cut-button.md -->

<!-- source: es/_includes/styles/href-to-button.md -->

<!-- endsource: es/_includes/styles/href-to-button.md -->

<!-- source: es/_includes/styles/border-style.md -->

<!-- endsource: es/_includes/styles/border-style.md -->
