Después de instalar la etiqueta de Google, puedes llamar a los comandos de gtag() en cualquier parte del código después del fragmento de la etiqueta de Google.
En esta página, te indicamos lo siguiente:
- Establece el flujo de datos entre tu sitio web y los productos de Google mediante el comando
config - Envía eventos a tus productos de Google con el comando
event. - Configura los valores que se envían con cada evento mediante el comando
set
Antes de comenzar
En esta guía, se da por sentado que hiciste lo siguiente:
- Familiarícese con cómo funciona la etiqueta de Google.
- Instala la etiqueta de Google.
Para configurar el flujo de datos, necesitas lo siguiente:
- Acceso al código del sitio web donde instaló la etiqueta de Google
- El ID de etiqueta del producto de Google que desea conectar a la etiqueta de Google
¿Qué es un ID de etiqueta y dónde encontrarlo?
Un ID de etiqueta identifica una etiqueta de Google. Una misma etiqueta de Google puede tener varios IDs. Por ejemplo, si utiliza Google Ads, su etiqueta ahora tiene dos ID: uno heredado (AW) y uno de Google (GT).
Los ID de etiqueta son intercambiables. La siguiente tabla contiene una descripción general de las etiquetas compatibles con la etiqueta de Google.
| Prefijo | Tipo de ID | Descripción |
|---|---|---|
| GT‐XXXXXX | Etiqueta de Google | Cada etiqueta de Google recién creada recibe un prefijo GT y un ID único. |
| G-XXXXXX | Etiqueta de Google (prefijo heredado) | Las etiquetas de Google Analytics 4 son etiquetas de Google con un prefijo G y un ID único. |
| AW-XXXXXX | Etiqueta de Google (prefijo heredado) | Las etiquetas de Google Ads son etiquetas de Google con un prefijo AW y un ID único. |
| DC: XXXXXX | Etiqueta de Google (prefijo heredado) | Las etiquetas de Google Floodlight son etiquetas de Google con un prefijo DC y un ID único. |
Las etiquetas de Universal Analytics (UA) no son compatibles con la etiqueta de Google (GT).
Cómo encontrar su ID de etiqueta:
Paso 1: Conecte los productos de Google con su etiqueta
Acerca del comando config
El comando config especifica los productos de Google a los que quieres enviar datos de eventos.
El comando tiene el siguiente formato:
gtag('config', 'TAG_ID', {<additional_config_params>});
Parámetros de configuración adicionales
Puedes ajustar y extender un comando config si especificas los parámetros en el objeto {<additional_config_params>} opcional. Por ejemplo, si agregas el siguiente parámetro, evitarás que una página vista de Google Analytics se envíe automáticamente:
gtag('config', 'TAG_ID', {'send_page_view': false});
Configura la recopilación de datos
A fin de configurar la recopilación de datos para un producto de Google, agrega el comando config con un ID de etiqueta.
Ejemplo
La etiqueta de Google (GT-XXXXXX) envía datos a los destinos que definió para ellos, por ejemplo, Google Ads y GA4.
En el siguiente ejemplo, se muestra cómo se verá su código si configura una etiqueta de Google y desea agregar Floodlight como destino.
Para enviar datos a Floodlight (ID de etiqueta DC-ZZZZZZ), agregue otro comando config después de inicializar la etiqueta de Google:
<head>
...
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments)};
gtag('js', new Date());
gtag('config', 'GT-XXXXXX');
gtag('config', 'DC-ZZZZZZ');
</script>
</head>
Comportamiento config específico del producto
Según el producto especificado en TAG_ID, el comando config también puede iniciar determinado comportamiento para ese producto.
Por ejemplo, en algunos casos, el comando config le indica a gtag.js que inicie un evento de vista de página.
Para obtener más información sobre cómo se comporta el comando config en relación con productos individuales, consulta la documentación específica del producto:
- Conversiones de Google Ads y remarketing
- Campaign Manager y Display & Video 360
- Search Ads 360
- Google Analytics
Paso 2: Envía los datos con event
Acerca del comando event
El comando event te permite enviar datos de eventos a los productos que especificaste con config.
El comando tiene el siguiente formato:
gtag('event', 'event_name', {
'key': 'value',
});
Acerca de los nombres de eventos y los pares clave-valor
Eventos recomendados: Los eventos recomendados son eventos que implementas, pero que tienen pares clave-valor predefinidos. Estos eventos desbloquean funciones de informes existentes y futuras.
Eventos personalizados: Si quieres definir tus propios eventos y estructuras de datos, puedes ingresar valores personalizados para enviar un evento personalizado.
Cómo configurar eventos
Puede llamar al método event en cualquier parte del código después de inicializar la etiqueta de Google.
Define un evento. Si utiliza un evento recomendado, asegúrese de utilizar los nombres de eventos estandarizados y los pares clave-valor predefinidos.
Define cuándo se activará el evento, por ejemplo, si se envía con una carga de página o cuando alguien hace clic en un botón.
Ejemplo
El siguiente ejemplo ilustra una manera posible de medir las suscripciones al boletín informativo cuando un usuario hace clic en un botón. En el ejemplo, se usa un evento personalizado y se envía a una propiedad Google Analytics 4.
<head>
...
/* 1. Initialize the Google tag and gtag.js library */
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments)};
gtag('js', new Date());
gtag('config', 'TAG_ID');
</script>
</head>
<body>
<script>
let date = Date.now();
/* 2. Define your event. */
function newsletterSignup() {
gtag('event', 'newsletter_signup', {
'time': date,
});
}
</script>
...
/* 3. Trigger your event */
<button type="submit" onlick="newsletterSignup()">Sign me up!</button>
...
</body>
Opcional: Envía datos con cada evento mediante set
El comando set te permite establecer parámetros que se asociarán con cada evento posterior en la página.
El comando tiene el siguiente formato:
gtag('set', {'key': 'value'});
Ejemplo
Si todas las transacciones de tu sitio usan la misma moneda, puedes usar el comando set para especificar el campo currency:
gtag('set', {'currency': 'USD'});
Puedes establecer varios atributos con un solo comando set:
gtag('set', {
'country': 'US',
'currency': 'USD'
});
Próximos pasos
Una vez que configure sus productos y eventos de Google, habrá terminado con la configuración básica de la etiqueta de Google.
Si administras varios productos y deseas administrar su flujo de datos con más detalle, consulta Agrupar y enrutar datos.