El Elementos vitales net básicos plantilla de etiqueta personalizada es una plantilla de etiqueta para Administrador de etiquetas de Google galería de plantillas comunitarias.
Descripción
Esta etiqueta agrega controladores de medición para tres Elementos vitales net básicos: Pintura con contenido más grande (LCP), retraso de la primera entrada (FID) y cambio de diseño acumulativo (CLS).
También hay una palanca (Recopile todas las métricas de Net Vitals (disponibles)) que permite la recopilación de otras métricas de Net Vitals compatibles: FCP, INP y TTFB.
Cada medición se introduce en dataLayer tan pronto como esté disponible.
Tenga en cuenta que no todas las cargas de páginas registrarán los tres hitos. Lea la documentación vinculada anteriormente para comprender por qué.
Instrucciones
La plantilla en sí tiene sólo una opción configurable: Objetos de espacio de nombres. Si esto está marcado, todas las mediciones se anidarán bajo una propiedad de objeto del nombre de la medición (consulte un ejemplo a continuación).
Configure la etiqueta para que se dispare en el Todas las páginas desencadenar. Si sólo desea medir algunas páginas, utilice un Vista de pagina gatillo con una condición de gatillo adecuada en su lugar.
La etiqueta escribe los siguientes objetos en dataLayer para cada vez que se miden (CLS, por ejemplo, se puede medir más de una vez por página).
{
occasion: 'coreWebVitals',
webVitalsMeasurement: {
title: 'LCP',
id: 'v1-123123123-123123123',
worth: 123.55,
delta: 13.68,
valueRounded: 124,
deltaRounded: 14
}
}
Si usted tiene Objetos de espacio de nombres marcada, entonces la medida anterior se empujará a dataLayer así en su lugar:
{
occasion: 'coreWebVitals',
webVitalsMeasurement: {
LCP: {
title: 'LCP',
id: 'v1-123123123-123123123',
worth: 123.55,
delta: 13.68,
valueRounded: 124,
deltaRounded: 14
}
}
}
Espaciar los nombres de las mediciones de esta manera es útil si desea enviar todas las mediciones CWV actuales en una sola solicitud. Si no asigna espacios de nombres a los objetos, cada medición posterior sobrescribirá las claves y los valores de la medición anterior.
Puedes crear un Activador de evento personalizado para coreWebVitals para disparar tu etiqueta cuando esto dataLayer.push() sucede.
Necesitas crear Variables de capa de datos para todos los webVitalsMeasurement.* nombres de variables que desea utilizar en sus etiquetas.
Se recomienda utilizar el API de baliza al enviar los datos de Core Net Vitals al punto remaining, ya que algunas de las mediciones pueden ocurrir al descargar la página.
Google Analytics 4 utiliza la API Beacon automáticamente, por lo que no es necesario hacer nada manualmente.
Notas de lanzamiento
| Fecha | Conjunto de cambios |
|---|---|
| 21 enero 2021 | Agregue números enteros redondeados al objeto para facilitar la implementación. |
| 21 enero 2021 | Versión inicial. |