---
metadata:
- name: generator
content: Diplodoc Platform v5.54.1
alternate:
- https://yandex.com/support/metrica/en/code/install-counter-amp.md
- https://yandex.com/support/metrica/es/code/install-counter-amp.md
- https://yandex.com/support/metrica/pt/code/install-counter-amp.md
- https://yandex.com/support/metrica/ru/code/install-counter-amp.md
- https://yandex.com/support/metrica/tr/code/install-counter-amp.md
- https://yandex.com/support/metrica/zh/code/install-counter-amp.md
- href: es/code/install-counter-amp.md
type: text/markdown
title: Markdown version
- href: ../llms.txt
type: text/markdown
title: llms.txt
title: Instalación de un contador en un sitio con AMP
description: Cómo instalar una etiqueta en un sitio con AMP.
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.com/support/metrica/es/llms.txt
# Instalación y configuración de una etiqueta en un sitio con AMP
Un contador de Yandex Metrica ejecuta JavaScript. Si instala el código de la etiqueta en un sitio que usa [Páginas Móviles Aceleradas](https://amp.dev/about/how-amp-works/) (AMP), las páginas del sitio no pasarán [la validación](https://validator.ampproject.org/). Esto se debe a que la tecnología AMP restringe el uso de JavaScript y HTML5. Para solucionar este problema, debe instalar la etiqueta de forma especial.
{% note info %}
Tenga en cuenta que, en este caso, las siguientes funciones de Yandex Metrica no serán compatibles: [Comercio electrónico](https://yandex.com/support/metrica/es/ecommerce/about.md), [Repetición de sesión](https://yandex.com/support/metrica/es/webvisor/info.md) y seguimiento de clics en el [botón Compartir](https://yandex.com/support/metrica/es/content/share-button.md).
{% endnote %}
## Habilitar una etiqueta en un sitio con AMP {#how-to}
{% note alert %}
Los sitios que usan la tecnología de Páginas Móviles Aceleradas (AMP) no pueden recopilar datos de análisis de contenido.
{% endnote %}
Realice cambios en el código HTML de las páginas de su sitio:
1. El rastreo de acciones del usuario en los sitios con AMP utiliza el componente [amp-analytics](https://amp.dev/documentation/components/amp-analytics/?format=websites) adicional. Agréguelo al código de su página web — dentro del elemento `head`:
```javascript
...
...
```
1. Edite el elemento `body`: agregue el elemento `amp-analytics`. Para que los datos de la sesión se transmitan a Yandex Metrica, establezca el atributo `type` al valor `metrika`, y use la variable `counterId` para establecer el número del contador.
```javascript
...
...
```
## Transmisión de datos {#data}
{% note alert %}
Cuando el usuario abre una página AMP, Yandex Metrica registra una [vista de página](*pageview) (`pageview`). Esto significa que no necesita transmitir este evento a Yandex Metrica. Si lo envía, los informes de Yandex Metrica mostrarán un número incorrecto de vistas de página.
{% endnote %}
Para transmitir datos cuando se inicializa la etiqueta, use lo siguiente:
- La variable [yaParams](https://yandex.com/support/metrica/es/data/visit-params-data.md) para enviar parámetros de sesión.
- Atributos de [triggers](https://amp.dev/documentation/components/amp-analytics/?format=websites#triggers) para transmitir eventos como cumplimientos de objetivos.
### Envío de parámetros de sesión y parámetros de usuario {#params}
Ejemplo de transmisión de parámetros de sesión personalizados [parámetros de sesión](https://yandex.com/support/metrica/es/data/visit-params-data.md) y [parámetros de usuario](https://yandex.com/support/metrica/es/data/user-params-data.md) durante una sesión utilizando la variable yaParams:
```javascript
...
"vars": {
"counterId": "XXXXXX",
"yaParams": "{\"key\":\"value\",\"__ymu\":{\"user_param_key\":\"user_param_value\"}}"
},
...
```
También se pueden transmitir únicamente los parámetros de sesión o únicamente los parámetros de usuario:
{% list tabs %}
- Parámetros de sesión
```javascript
...
"vars": {
"counterId": "XXXXXX",
"yaParams": "{\"key\":\"value\"}"
},
...
```
- Parámetros de usuario
```javascript
...
"vars": {
"counterId": "XXXXXX",
"yaParams": "{\"__ymu\":{\"user_param_key\":\"user_param_value\"}}"
},
...
```
{% endlist %}
### Tasa de rebote exacta {#bounce}
Para obtener la tasa de rebote exacta, use el atributo de activación [timer](https://amp.dev/documentation/components/amp-analytics/?format=websites#timer-trigger):
```javascript
{
...
"triggers": {
"notBounce": {
"on": "timer",
"timerSpec": {
"immediate": false,
"interval": 15,
"maxTimerLength": 14
},
"request": "notBounce"
},
...
}
}
```
### Conversión {#goal}
Para rastrear el cumplimiento de un objetivo cuando se hace clic en un elemento de la página específico, use el atributo de activación [click](https://amp.dev/documentation/components/amp-analytics/?format=websites#click-trigger).
```javascript
{
...
"triggers": {
"someGoalReach": {
"on": "click",
"selector": "#Button",
"request": "reachGoal",
"vars": {
"goalId": "superGoalId",
"yaParams": "{\"key\": \"value\"}" // When the goal is completed, the value of the variable from the event is used as the session parameters
}
},
...
}
}
```
#|
||
**Campo**
|
**Tipo**
|
**Descripción**
||
||
`goalId`
|
Cadena de caracteres
|
El identificador de meta que se establece al crear una meta de [evento de JavaScript](https://yandex.com/support/metrica/es/general/goal-js-event.md) en la interfaz de Yandex Metrica.
||
|#
### Desplazamiento de página {#scroll}
Puede usar el atributo de activación [scroll](https://amp.dev/documentation/components/amp-analytics/?format=websites#scroll-trigger) para registrar el desplazamiento hacia abajo de un punto específico dentro de la página (un porcentaje de la altura de la página). Puede configurar este evento como objetivo.
```javascript
{
...
"triggers": {
"halfScroll": {
"on": "scroll",
"scrollSpec": {
"verticalBoundaries": [
50
]
},
"request": "reachGoal",
"vars": {
"goalId": "halfScrollGoal"
}
},
"partsScroll": {
"on": "scroll",
"scrollSpec": {
"verticalBoundaries": [
25,
90
]
},
"request": "reachGoal",
"vars": {
"goalId": "partsScrollGoal"
}
},
...
}
}
```
### Desplazamiento en un feed infinito {#next-page-scroll}
Un feed infinito se puede usar para ver artículos que se suceden uno tras otro. Para registrar clics y vistas de artículo a artículo, utilice el gatillo [amp-next-page-scroll](https://amp.dev/documentation/components/amp-next-page/#analytics).
```javascript
{
...
"triggers": {
"trackScrollThrough": {
"on": "amp-next-page-scroll",
"request": "pageview"
},
...
}
}
```
### Carga como elemento de página individual {#visible}
Use el atributo de gatillo [visible](https://amp.dev/documentation/components/amp-analytics/?format=websites#page-and-element-visibility-trigger) para registrar cuando los elementos en una página se muestran en la pantalla del usuario.
### Ejemplo general del código de la etiqueta {#general-amp}
El fragmento de código se incluye solo para ilustrar las capacidades de la etiqueta. Al copiarlo, elimine los comentarios (//<...>), reemplace XXXXXXXX con su número de etiqueta, y haga cambios adicionales según sea necesario (por ejemplo, configure la transmisión de parámetros de usuario y parámetros de sesión).
```
...
...
```
### Más información
- [Información general para integrar herramientas de análisis en un sitio con AMP](https://github.com/ampproject/amphtml/blob/master/extensions/amp-analytics/integrating-analytics.md)
[Chatee con nosotros](https://yandex.com/chat/#/user/036e6a02-3620-9cdc-4c5e-a34667a7379e?utm_source=spravka){.button}
- - -
#|
||
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)
||
|#
[*pageview]: Cargando una de las páginas de un sitio cuando un usuario navega a ella. Las vistas de página también incluyen actualizaciones de páginas, actualizaciones de sitios AJAX y envío de datos con el [método de visita](https://yandex.ru/support/metrica/objects/hit.html).
[*goalid]: **Tipo**
Cadena de caracteres
**Descripción**
El identificador de meta que se establece al crear una meta de [evento de JavaScript](https://yandex.ru/support/metrica/general/goal-js-event.html) en la interfaz de Yandex Metrica.
{% included (../_includes/popup/id-qanda/check2-2.md) %}
Esto puede suceder por los siguientes motivos:
- La etiqueta no está instalada correctamente. Por ejemplo, el CMS modificó el código de la etiqueta. Vuelva a instalar la etiqueta o comuníquese con el servicio de asistencia técnica de su CMS (sistema de administración de contenido).
- Los scripts rotos están impidiendo que la etiqueta de Yandex Metrica funcione en el sitio. Puede comprobarlo en la consola del navegador.
{% endincluded %}