Búsqueda
Borrar búsqueda
Cerrar búsqueda
Aplicaciones de Google
Menú principal

Seguimiento de eventos con Google Tag Manager

El seguimiento de eventos es una de las mejores formas de conocer las acciones de los usuarios en el sitio web, como, por ejemplo, el número de veces que se ha hecho clic en un botón, se ha enviado un formulario o se han descargado los documentos.

Puede medir las interacciones en su sitio web implementando el código de seguimiento de eventos de la capa de datos de Google Tag Manager o aprovechando la función de seguimiento de eventos automáticos de Google Tag Manager.

Para obtener más información sobre qué es el seguimiento de eventos y cómo se usa, consulte la documentación del Centro de ayuda.

Con el seguimiento de eventos automáticos en Google Tag Manager es fácil recopilar estas acciones. En vez de codificar cada acción de clic con código JavaScript (por ejemplo, ga('send', 'event', 'category', 'action', 'label') en analytics.js), puede crear etiquetas de evento directamente en la interfaz de Google Tag Manager y aplicarles activadores basados en variables predefinidas o en variables personalizadas que puede crear en la interfaz de usuario de Google Tag Manager.

Es importante indicar que el seguimiento de eventos automáticos es muy susceptible de tener problemas debidos a los cambios en el sitio web, por lo que se recomienda usarlo para medir interacciones con el sitio web en elementos con propiedades identificables con pocas probabilidades de cambios (por ejemplo, URLs de enlace, IDs de clase, etc.). En el caso de los elementos que no tengan dichos atributos identificables o que no se puedan procesar con Google Tag Manager (como los clics dentro de Flash), utilice el código de evento de capa de datos. En el resto de esta sección nos centraremos en el seguimiento de eventos automáticos a través de la interfaz de Google Tag Manager.

El seguimiento de eventos se inicia mediante activadores de clic, por ese motivo, antes de crear las etiquetas de evento, compruebe que todas sus variables de clic están marcadas en el menú "Variables":

Compruebe que todas las variables de clic están marcadas en el menú "Variables integradas".

Variables predefinidas (más información):

Las etiquetas de evento se pueden crear de forma rápida y sencilla con las variables integradas. En el primer ejemplo mostraremos cómo implementar un evento en el clic en el botón "Seguir leyendo". Cuando el usuario hace clic en este botón, va desde la página principal a una nueva página con un artículo completo.

Paso 1

En primer lugar, debemos crear una nueva etiqueta en Google Tag Manager. Puede hacerlo seleccionando "Nuevo" en el menú de etiquetas y eligiendo la configuración de una etiqueta de Google Analytics, o puede copiar la etiqueta de página vista de Google Analytics original y modificarla. Le recomendamos que copie la etiqueta de página vista original para que la configuración sea la misma y no se produzcan errores de escritura en la configuración.

Una vez copiada la etiqueta, modifique su nombre. En este ejemplo le asignaremos el nombre "GA - Evento - Clic en 'moretag'".

Paso 2

A continuación, debe configurar la etiqueta. Haga clic en esta sección para modificarla. En primer lugar, debe comprobar que el ID de seguimiento está configurado; para ello, introduzca el valor o utilice la variable de cadena constante gaProperty (recomendado).

A continuación, debe cambiar el tipo de seguimiento a "Evento". De este modo se habilitarán los campos "Parámetros de seguimiento de eventos" de la categoría de evento, la acción, la etiqueta y el valor. El seguimiento de eventos es una jerarquía y se debe considerar como una forma de organizar los datos de clics.

El nivel superior de la jerarquía es la categoría, que se puede usar para indicar dónde se produce un evento.

En este caso, como el clic en "Seguir leyendo" se produce en la página de visión general, le asignaremos a la categoría el nombre "Visión general".

La acción es el segundo nivel de la jerarquía y debe informar de la acción del usuario en el sitio web. En este caso, hace clic en el botón "Seguir leyendo", por lo que el nombre de la acción será el texto del botón.

La etiqueta es el último nivel de la jerarquía de eventos. Queremos que la etiqueta nos ofrezca más información sobre en qué se ha hecho clic. En este ejemplo, deseamos que la etiqueta recopile la URL de salida porque contiene el título del artículo. Podemos usar la variable integrada {{Click URL}} para obtener esta información. Si desea arreglar la URL para que sea más legible en Google Analytics, puede hacerlo más adelante con filtros de GA

.

El cuadro "Valor" se puede dejar vacío a menos que vaya a asignar un valor numérico a una acción de clic, lo que no vamos a hacer en este caso.

El último campo nos permite alternar entre los valores "Verdadero" o "Falso" en el caso de un evento que no sea de interacción. Si desea que un clic en un botón o en un enlace no cree una nueva página vista que afecte al porcentaje de rebote, configure este campo en "Verdadero". En este caso, como el botón "Seguir leyendo" dirige a otra página, queremos que el valor de este parámetro se quede en la posición predeterminada de "Falso". En el sitio web de Google Developer puede encontrar más información sobre los eventos que no son de interacción.

Organizados de esta forma, los datos enviados a Google Analytics informarán al editor de los artículos en los que los visitantes han hecho clic desde los botones "Seguir leyendo" en la página de visión general. Es una forma adecuada de analizar la popularidad orgánica de los artículos (a diferencia de la popularidad basada en páginas vistas, a las que se puede haber enlazado directamente desde otras fuentes).

La configuración de los parámetros de seguimiento debe ser como la siguiente:

Tag configuration showing track type = event, category = index, and label = {{Click URL}}

Una vez que haya configurado todos los campos de "Parámetros de seguimiento de eventos", haga clic en "Continuar".

Paso 3

A continuación, debe seleccionar qué debe activar esta etiqueta. En este caso, elija "Clic". Una vez elegida esta opción, se mostrará un cuadro emergente para elegir uno de los activadores de clic existentes o crear uno nuevo. En este caso, vamos a crear un nuevo activador, por lo que debe desmarcar los activadores existentes y hacer clic en "Nuevo".

Se mostrará un nuevo cuadro emergente para crear un activador. El campo "Seleccionar evento" ya tendrá el valor "Clic". A continuación, debe configurar este activador eligiendo su tipo. Existen dos tipos:

Clic en un enlace
En general, debe usar un tipo de activador "Clic en un enlace" si tiene alguna etiqueta de enlace <a> para adjuntarla (por ejemplo, <a href="#"> Link </a>).
Clic
Debe usar un activador de clic para otros elementos, como las etiquetas <div> o <img> (por ejemplo, un botón: <div class="button">Button</div>).

Si tiene un elemento que no sea de enlace en una etiqueta de enlace (por ejemplo, <a href="#"><img class="image" src="#"></a>), debe decidir qué desea usar para identificar si se debe activar o no, y a qué elemento está adjuntada. Si es la URL de clic (es decir, el valor href del enlace), utilice el tipo "Clic en un enlace". Si es la clase u otro atributo del elemento secundario, utilice el tipo "Clic". Básicamente, un tipo de activador "Clic" ofrecerá información sobre el elemento de nivel inferior en el que se ha hecho clic, mientras que el tipo "Clic en un enlace" informará sobre la etiqueta de enlace en la que se hecho clic (incluso si hay un elemento secundario de nivel inferior).

En este ejemplo usaremos "Clic en un enlace". Selecciónelo y haga clic en "Continuar".

Si utiliza un activador del tipo "Clic en un enlace", también deberá indicar al Administrador de etiquetas dónde se debe habilitar el activador. Si desea que el activador actúe en todas las páginas, puede usar "URL coincide con la expresión regular .*".

El último paso de la configuración del activador es establecer la condición "Activar". Actúa como un filtro para que Google Tag Manager sepa cuándo debe utilizar el activador. Puede seleccionar que se active en "Todos los clics" o "Algunos clics". En este caso elegiremos "Algunos clics". Se mostrará un nuevo campo de selección para introducir las condiciones de activación.

Para elegir las mejores condiciones que se usarán para el sitio web, inspeccione el elemento por el que desea que se active un evento.

En este ejemplo, el botón de nuestro sitio web tiene class="moretag" como condición única, lo que significa que podemos usar la variable "Click Classes" integrada para filtrar este activador. Lo configuraremos como "Click Classes es igual a moretag" en la configuración del activador.

El activador completado se parecerá a la captura de pantalla siguiente. Guarde el activador.

Create Trigger, event = click, enable on all pages, fire when click classes equals moretag.

Paso 4

La etiqueta completada se debe parecer a esta:

Completed GA Pageview Tag

Guarde la etiqueta, obtenga una vista previa de ella, depúrela y publíquela.

Variables definidas por el usuario (más información):

Seguiremos el mismo proceso detallado que en el primer ejemplo, pero sustituiremos las nuevas variables definidas por el usuario donde sea necesario.

En este ejemplo utilizaremos Google Store. En concreto, nos centraremos en agregar el seguimiento de eventos para la barra de navegación en la parte superior de la página web (Accesorios, Diversión, Niños, etc.).

Paso 1

En primer lugar, debemos crear una nueva etiqueta en Google Tag Manager. Puede hacerlo seleccionando "Nuevo" en el menú de etiquetas y eligiendo la configuración de una etiqueta de Google Analytics, o puede copiar la etiqueta de página vista de Google Analytics original y modificarla. Le recomendamos que copie la etiqueta de página vista original para que la configuración sea la misma y no se produzcan errores de escritura en la configuración.

Una vez copiada la etiqueta, modifique su nombre. En este ejemplo le asignaremos el nombre "GA - Evento - Navegación global".

Paso 2

A continuación, debe configurar la etiqueta. Haga clic en esta sección para modificarla. En primer lugar, debe comprobar que el ID de seguimiento está configurado; para ello, introduzca el valor o utilice la variable de cadena constante gaProperty (recomendado).

A continuación, debe cambiar el tipo de seguimiento a "Evento". De este modo se habilitarán los campos "Parámetros de seguimiento de eventos" de la categoría de evento, la acción, la etiqueta y el valor. El seguimiento de eventos es una jerarquía y se debe considerar como una forma de organizar los datos de clics.

En este ejemplo queremos que la categoría de estos enlaces sea "Navegación", que la acción sea el clic en el enlace de la barra de navegación de primer nivel (por ejemplo, "Accesorios") y que la etiqueta sea el clic de segundo nivel (por ejemplo, "Bolsos").

Como el clic en los elementos de navegación puede producirse en varias páginas, utilizaremos un nombre bastante amplio para el parámetro "Categoría", por lo que usaremos "Navegación".

El parámetro "Acción" es el segundo nivel de la jerarquía de eventos y debe informar de lo que está haciendo el usuario en el sitio web que, en este caso, es hacer clic en una determinada área de navegación. Asignaremos un nombre a la acción según el texto del botón del elemento de navegación de nivel superior (por ejemplo, "Accesorios").

Al inspeccionar los elementos de los enlaces de navegación en https://www.googlemerchandisestore.com/shop.axd/Home, observará que Google Tag Manager no reconoce ningún elemento en estos enlaces. Por este motivo, no podemos usar una variable integrada para la acción o la etiqueta, así que tendremos que crear una variable definida por el usuario para cada una.

El elemento "Accesorios" tiene este aspecto:

<a class="" href="/Google+Redesign/Accessories/">Accessories</a>

El elemento "Bolsos" tiene este aspecto:

<a href="/Google+Redesign/Accessories/Bags/">Bags</a>

La categoría siempre será "Navegación", pero debemos crear una variable personalizada tanto para la acción como para la etiqueta, ya que variarán según el elemento en que se haga clic.

La variable definida por el usuario para la acción sería similar a la siguiente:

La variable definida por el usuario para la etiqueta sería similar a la siguiente:

Una vez haya creado estas variables, puede seleccionarlas en los campos "Acción" y "Etiqueta". La configuración de la etiqueta final debe ser como la siguiente:

Una vez que haya configurado todos los campos de "Parámetros de seguimiento de eventos", haga clic en "Continuar".

Paso 3

A continuación, debe seleccionar qué debe activar esta etiqueta. En este caso, elija "Clic". Una vez elegida esta opción, se mostrará un cuadro emergente para elegir uno de los activadores de clic existentes o crear uno nuevo. En este caso, vamos a crear un nuevo activador, por lo que debe desmarcar los activadores existentes y hacer clic en "Nuevo".

Se mostrará un nuevo cuadro emergente para crear un activador. El campo "Seleccionar evento" ya tendrá el valor "Clic". A continuación, debe configurar este activador asignándole un nombre y eligiendo su tipo. Existen dos tipos:

Clic en un enlace
En general, debe usar un tipo de activador "Clic en un enlace" si tiene alguna etiqueta de enlace para adjuntarla (por ejemplo, <a href="#"> Link </a>).
Clic
Debe usar un activador de clic para otros elementos, como las etiquetas <div> o <img> (por ejemplo, un botón: <div class="button">Button</div>).

Si tiene un elemento que no sea de enlace en una etiqueta de enlace (por ejemplo, <a href="#"><img class="image" src="#"></a>), debe decidir qué desea usar para identificar si se debe activar o no, y a qué elemento está adjuntada. Si es la URL de clic (es decir, el valor href del enlace), utilice el tipo "Clic en un enlace". Si es la clase u otro atributo del elemento secundario, utilice el tipo "Clic". Básicamente, un tipo de activador "Clic" ofrecerá información sobre el elemento de nivel inferior en el que se ha hecho clic, mientras que el tipo "Clic en un enlace" informará sobre la etiqueta de enlace en la que se hecho clic (incluso si hay un elemento secundario de nivel inferior).

En este ejemplo usaremos "Clic en un enlace". A continuación, seleccione "Algunos clics".

Si hace clic con el botón derecho y selecciona "Inspeccionar elemento" en los elementos de la barra de navegación, verá que la URL de clic contiene "Google+Redesign".

A continuación, configuraremos el activador para que actúe en la condición "Click URL contiene Google+Redesign" ya que el valor "Google+Redesign" es único en los elementos de navegación en este sitio web.

El activador completado se parecerá a la captura de pantalla siguiente. Guarde el activador.

Paso 4

La etiqueta completada se debe parecer a esta:

Guarde la etiqueta, obtenga una vista previa de ella, depúrela y publíquela.

Anterior: Seguimiento multidominio para Universal Analytics | Siguiente: Dimensiones personalizadas con Google Tag Manager

¿Te ha sido útil este artículo?
¿Cómo podemos mejorar esta página?