Los eventos te permiten medir las interacciones de los usuarios en tu sitio web o aplicación. por ejemplo, Puedes medir cuando alguien carga una página, hace clic en un vínculo y realiza una compra. Google Analytics utiliza datos de eventos para crear informes con información sobre tu empresa. Más información
En esta guía, se muestra cómo configurar eventos recomendados y eventos personalizados en tu sitio web con la etiqueta de Google (gtag.js) o Google Tag Manager. No Debes configurar eventos recopilados automáticamente y de medición optimizada.
Público
Configuraste Google Analytics y estás comenzando a ver datos en tus informes, pero Si quiere recopilar más información de la que recopila Analytics automáticamente o desbloquear ciertas funciones y capacidades en Analytics.
Antes de comenzar
En esta guía, se da por sentado que ya hiciste lo siguiente:
- Cómo crear una cuenta y una propiedad de Google Analytics
- Crear un flujo de datos web para tu sitio
- Coloca la etiqueta de Google en tu sitio web
También se da por sentado que tienes lo siguiente:
- Tienes acceso al código fuente de tu sitio web.
- Rol de Editor en la cuenta de Google Analytics
Descripción general de la etiqueta de Google (gtag.js)
Usa la API de la etiqueta de Google (gtag.js) para enviar
a Google Analytics. La API tiene una función llamada gtag()
.
Cuando desees enviar un evento a Google Analytics, utiliza lo siguiente:
sintaxis:
gtag('event', '<event_name>', {
<event_parameters>
});
En este ejemplo, la función gtag()
incluye lo siguiente:
- Un comando
event
que le indica a Google que estás enviando un evento - El nombre del evento recomendado o personalizado
- (Opcional) Es un conjunto de parámetros que proporcionan información adicional sobre el evento.
Por ejemplo, el siguiente es un evento recomendado llamado screen_view
con dos
parámetros:
gtag('event', 'screen_view', {
'app_name': 'myAppName',
'screen_name': 'Home'
});
Agrega eventos a tu JavaScript
gtag()
es una función de JavaScript, por lo que debes agregarla al
JavaScript en tu página web. Por ejemplo, podrías agregar la función dentro de tu
Etiquetas <script>
o en un archivo JavaScript independiente que puedas importar a tu código HTML
.
Puedes agregar eventos a tu JavaScript en cualquier lugar debajo del fragmento de la etiqueta de Google.
Google no procesará datos de los eventos que coloque encima de la etiqueta de Google.
. Por ejemplo, el siguiente código de muestra incluye un evento llamado screen_view
dentro de una etiqueta <script>
:
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XXXXXXXXXX');
</script>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Title of the page</title>
</head>
<body>
<p>Welcome to my website!</p>
<script>
/**
* The following event is sent when the page loads. You could
* wrap the event in a JavaScript function so the event is
* sent when the user performs some action.
*/
gtag('event', 'screen_view', {
'app_name': 'myAppName',
'screen_name': 'Home'
});
</script>
</body>
</html>
Si deseas enviar el evento en función de un clic en un botón (o alguna otra acción del usuario), puedes agregar JavaScript adicional a tu evento.
Consulte sus eventos en Analytics
Puedes ver tus eventos y sus parámetros con las funciones En tiempo real y Informes de DebugView. Ten en cuenta que el informe de DebugView requiere algunas funciones configuración antes de poder usar el informe. Estos dos informes te muestran eventos que los usuarios activan en tu sitio web a medida que se activan.
Próximos pasos
- Configura parámetros de eventos para agregar más información a tus eventos.
- Marcar eventos como eventos clave