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 (AMP), las páginas del sitio no pasarán la validación. 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.
Nota
Tenga en cuenta que, en este caso, las siguientes funciones de Yandex Metrica no serán compatibles: Comercio electrónico, Repetición de sesión y seguimiento de clics en el botón Compartir.
Habilitar una etiqueta en un sitio con AMP
Alerta
Los sitios que usan la tecnología de Páginas Móviles Aceleradas (AMP) no pueden recopilar datos de análisis de contenido.
Realice cambios en el código HTML de las páginas de su sitio:
-
El rastreo de acciones del usuario en los sitios con AMP utiliza el componente amp-analytics adicional. Agréguelo al código de su página web — dentro del elemento
head:<head> ... <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script> ... </head> -
Edite el elemento
body: agregue el elementoamp-analytics. Para que los datos de sesión se transmitan a Yandex.Metrica, establezca el atributotypecon el valormetrika, y utilice la variablecounterIdpara establecer el número de etiqueta.<body> ... <amp-analytics type="metrika"> <script type="application/json"> { "vars": { "counterId": "XXXXXX" ... } } </script> </amp-analytics> ... </body>
Transmisión de datos
Alerta
Cuando el usuario abre una página AMP, Yandex Metrica registra una vista de página (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.
Para transmitir datos cuando se inicializa la etiqueta, use lo siguiente:
- La variable yaParams para enviar parámetros de sesión.
- Atributos de triggers para transmitir eventos como cumplimientos de objetivos.
Envío de parámetros de sesión y parámetros de usuario
Ejemplo de transmisión de parámetros de sesión personalizados parámetros de sesión y parámetros de usuario durante una sesión utilizando la variable yaParams:
...
"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:
...
"vars": {
"counterId": "XXXXXX",
"yaParams": "{\"key\":\"value\"}"
},
...
...
"vars": {
"counterId": "XXXXXX",
"yaParams": "{\"__ymu\":{\"user_param_key\":\"user_param_value\"}}"
},
...
Tasa de rebote exacta
Para obtener la tasa de rebote exacta, use el atributo de activación timer:
{
...
"triggers": {
"notBounce": {
"on": "timer",
"timerSpec": {
"immediate": false,
"interval": 15,
"maxTimerLength": 14
},
"request": "notBounce"
},
...
}
}
Conversión
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.
{
...
"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 |
|
|
Cadena de caracteres |
El identificador de meta que se establece al crear una meta de evento de JavaScript en la interfaz de Yandex Metrica. |
Desplazamiento de página
Puede usar el atributo de activación scroll 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.
{
...
"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
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.
{
...
"triggers": {
"trackScrollThrough": {
"on": "amp-next-page-scroll",
"request": "pageview"
},
...
}
}
Carga como elemento de página individual
Use el atributo de gatillo visible para registrar cuando los elementos en una página se muestran en la pantalla del usuario.
Ejemplo general del código de la etiqueta
El fragmento de código se incluye solo para ilustrar las capacidades de la etiqueta. Al copiarlo, elimine los comentarios (//<...>), reemplace XXXXXX 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).
<body>
...
<amp-analytics type="metrika">
<script type="application/json">
{
// Enviando parámetros de sesión y parámetros de usuario
"vars": {
"counterId": "XXXXXX",
"yaParams": "{\"key\":\"value\",\"__ymu\":{\"user_param_key\":\"user_param_value\"}}"
},
// Transmitiendo disparadores
"triggers": {
// Indicador preciso de rebotes
"notBounce": {
"on": "timer",
"timerSpec": {
"immediate": false,
"interval": 15,
"maxTimerLength": 14
},
"request": "notBounce"
},
// Recorrido de página
"halfScroll": {
"on": "scroll",
"scrollSpec": {
"verticalBoundaries": [
50
]
},
// Seguimiento del movimiento como meta
"request": "reachGoal",
"vars": {
"goalId": "halfScrollGoal"
}
},
// Recorrido de página
"partsScroll": {
"on": "scroll",
"scrollSpec": {
"verticalBoundaries": [
25,
90
]
},
// Hacer el registro del seguimiento como meta
"request": "reachGoal",
"vars": {
"goalId": "partsScrollGoal"
}
},
// Recorrido infinito del feed
"trackScrollThrough": {
"on": "amp-next-page-scroll",
"request": "pageview"
}
}
}
</script>
</amp-analytics>
...
</body>
Más información
|
Enlaces útiles |
Capacitación en línea |
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.
Tipo
Cadena de caracteres
Descripción
El identificador de meta que se establece al crear una meta de evento de JavaScript en la interfaz de Yandex Metrica.