Control de Rebote con Google Tag Manager

El control de rebote con Google Tag Manager nos va a facilitar personalizar la métrica de rebote, ya que asignaremos un tiempo de permanencia mínimo en la primera página de nuestra web para que se lance una interacción hacia Google Analytics.

La forma de medir de Google Analytics se basa en hits (páginas o eventos), estos hits llevan consigo la información de tiempo a través de la cual Google Analytics podrá calcular el tiempo de permanencia. Este sistema basado en hits imposibilita la medición real del rebote, entendiendo rebote como visitas que no les interesa nuestro contenido. Por ello, desde los inicios de la aparición de Google Analytics han existido distintas fórmulas para controlar este comportamiento de la herramienta.

rebote

Este cambio, nos permitirán saber que usuarios superan un umbral de tiempo en nuestra web.

Google Tag Manager, tiene un activador que se basa en controlar el tiempo, los temporizadores, con esta herramienta podremos controlar el tiempo y lanzar eventos hacia Google Analytics para controlar el tiempo de de interacción del visitante.

Google Tag Manager comienza a contar el tiempo desde el momento que se solicita la url de nuestro contenedor, es decir el evento que inicia el contador es gtm.load.

Paso 1

Para controlar el rebote vamos a configurar esta etiqueta para que se lance a los 20 segundos solamente una vez en la primera página de nuestra web donde llegue una visita.

Primero configuraremos el activador, le indicaremos el tiempo y su límite.
temporizador-activador

Queremos que se active a los 20 segundos y sólo una vez así que le indicamos que tiene que esperar 20000 milisegundos y que tendrá un límite 1.

Tendremos que definir cuando se tiene que habilitar, como hemos comentado, queremos que este activo en todo el sitio web por ello, le indicaremos que vamos a querer que este presente en todas las páginas, para ello elegimos la variable Page Url y le indicamos que tiene que coincidir con la expresión regular .*

habilitar-temporizador

Para finalizar le vamos a indicar al activador que queremos que se active en la primera página que inicie la navegación de una visita, para ello, estaremos pendiente de la página anterior con la variable referrer y no la activaremos si el referrer tiene nuestro dominio.

activar-temporizador

Nuestro activador esta preparado, activará cualquier etiqueta cada vez que un visitante vea por primera vez una página de nuestro sitio y pase más de 20 segundos en ella.

Paso 2

Configuramos una etiqueta de Google Analytics del tipo seguimiento de evento. De esta forma Google Analytics tendrá dos hits a partir de los que medir, la carga de página y el evento del temporizador, de esta forma, las visitan que pasen más de 20 segundos en una página, no serán consideradas cómo rebote.

Configuraremos nuestra etiqueta de la siguiente forma:

bounce

Paso 3

Asociamos nuestro activador a la etiqueta y probamos en la vista previa si esta funcionando.

activa-bounce

De esta forma conseguimos controlar el rebote, sabiendo que este porcentaje pertenece al los visitantes que han estado menos de 20 segundos en nuestra web, al lanzarlo sólo una vez, en Google Analytics mantenemos un flujo de eventos claro.

Publicidad

Tags: ,

Control de Rebote con Google Tag Manager

El control de rebote con Google Tag Manager nos va a facilitar personalizar la métrica de rebote, ya que asignaremos un tiempo de permanencia mínimo en la primera página de nuestra web para que se lance una interacción hacia Google Analytics.

La forma de medir de Google Analytics se basa en hits (páginas o eventos), estos hits llevan consigo la información de tiempo a través de la cual Google Analytics podrá calcular el tiempo de permanencia. Este sistema basado en hits imposibilita la medición real del rebote, entendiendo rebote como visitas que no les interesa nuestro contenido. Por ello, desde los inicios de la aparición de Google Analytics han existido distintas fórmulas para controlar este comportamiento de la herramienta.

rebote

Este cambio, nos permitirán saber que usuarios superan un umbral de tiempo en nuestra web.

Google Tag Manager, tiene un activador que se basa en controlar el tiempo, los temporizadores, con esta herramienta podremos controlar el tiempo y lanzar eventos hacia Google Analytics para controlar el tiempo de de interacción del visitante.

Google Tag Manager comienza a contar el tiempo desde el momento que se solicita la url de nuestro contenedor, es decir el evento que inicia el contador es gtm.load.

Paso 1

Para controlar el rebote vamos a configurar esta etiqueta para que se lance a los 20 segundos solamente una vez en la primera página de nuestra web donde llegue una visita.

Primero configuraremos el activador, le indicaremos el tiempo y su límite.
temporizador-activador

Queremos que se active a los 20 segundos y sólo una vez así que le indicamos que tiene que esperar 20000 milisegundos y que tendrá un límite 1.

Tendremos que definir cuando se tiene que habilitar, como hemos comentado, queremos que este activo en todo el sitio web por ello, le indicaremos que vamos a querer que este presente en todas las páginas, para ello elegimos la variable Page Url y le indicamos que tiene que coincidir con la expresión regular .*

habilitar-temporizador

Para finalizar le vamos a indicar al activador que queremos que se active en la primera página que inicie la navegación de una visita, para ello, estaremos pendiente de la página anterior con la variable referrer y no la activaremos si el referrer tiene nuestro dominio.

activar-temporizador

Nuestro activador esta preparado, activará cualquier etiqueta cada vez que un visitante vea por primera vez una página de nuestro sitio y pase más de 20 segundos en ella.

Paso 2

Configuramos una etiqueta de Google Analytics del tipo seguimiento de evento. De esta forma Google Analytics tendrá dos hits a partir de los que medir, la carga de página y el evento del temporizador, de esta forma, las visitan que pasen más de 20 segundos en una página, no serán consideradas cómo rebote.

Configuraremos nuestra etiqueta de la siguiente forma:

bounce

Paso 3

Asociamos nuestro activador a la etiqueta y probamos en la vista previa si esta funcionando.

activa-bounce

De esta forma conseguimos controlar el rebote, sabiendo que este porcentaje pertenece al los visitantes que han estado menos de 20 segundos en nuestra web, al lanzarlo sólo una vez, en Google Analytics mantenemos un flujo de eventos claro.

Publicidad

Tags: ,

Guia de Variables Integradas

Las variables Integradas son variable que nos facilita Google Tag Manager de manera automática, sustituyen a las antiguas etiquetas automáticas y nos facilitan el acceso a la información más utilizada en el análisis web, urls, clics, formularios, errores, etc.

Variables Integradas

Desde esta pantalla podemos ver las variables integradas por Google Tag Manager, desde las cuales podremos elegir cuales queremos tener activas.

Páginas

  • Page Url: Esta variable nos devuelve la dirección URL completa de la página actual. (http://analyticstagmanager.com/contacto)
  • Page Hostname: Esta variable nos devolverá el dominio de la url. (analyticstagmanager.com)
  • Page Path: Esta variable nos devolverá la URI de la Url. (/contacto)
  • Referrer: Nos devuelve el valor de la URL completa de la página de referencia a la actual . (http://analyticstagmanager.com/contacto)

Utilidades

  • Event: Este valor lo determinamos cuando en nuestra dataLayer tenemos el  par  ‘event’ con un valor, este evento puede tener el nombre que queramos y lo enviaremos a la datalayer ejecutando el siguiente código en nuestra web: dataLayer.push({‘event': ‘MIEvento’}); .
  • Container Id: Nos devuelve el id del contenedor (GTM-XXXXXX)
  • Container Version: Nos devolverá el número de la versión del contenedor.
  • Random Number: Nos devolverá un numero aleatorio entre 0 y 2147483647

Errores

variable-integrada-errores

  • Error Message: Devuelve una cadena que contiene el mensaje de error de JavaScript
  • Error Url: Nos devolvería la url del script que ha generado el error.
  • Error Line: Nos devolvería la linea en la que se ha producido el error.
  • Debug Mode: Devuelve true o false dependiendo de si se esta usando la vista previa (true) o no (false

Clics

variable-integrada-clics

  • Click Element: Nos devuelve el elemento del DOM que ha activado el evento para ello se lee la clave gtm.element de la capa de datos.
  • Click Classes: Nos devuelve el atributo “clase” del elemento del DOM que ha activado el evento para ello se lee la clave gtm.elementClasses de la capa de datos.
  • Click ID: Nos devuelve el atributo “id” del elemento del DOM que ha sido clicado para ello se lee la clave gtm.elementId de la capa de datos.
  • Click Target: Nos devuelve el atributo “target” del elemento del DOM que ha activado el evento se lee la clave gtm.elementTarget de la capa de datos.
  • Click URL: Nos devuelve el atributo “href” o “action” del elemento del DOM que ha activado el evento se lee la clave gtm.elementUrl de la capa de datos.
  • Click Text: Devuelve el texto del elemento que se haya clicado, se lee la clave gtm.elementText de la capa de datos.

Formularios

variable-integrada-formularios
Van a llamar a los mismos elementos que click.

  • Form Element: accede a la clave “ gtm.element ” del objeto dataLayer, que se configura mediante los activadores de formulario.
  • Form Classes: accede a la clave “ gtm.elementClasses ” del objeto dataLayer
  • Form ID: accede a la clave “ gtm.elementId ” del objeto dataLayer
  • Form Target: accede a la clave “ gtm.elementTarget ” del objeto dataLayer
  • Form URL: accede a la clave “ gtm.elementUrl ” del objeto dataLayer
  • Form Text: accede a la clave “ gtm.elementText ” del objeto dataLayer

Historial

variable-integrada-historial

  • New History Fragment: Devuelve una cadena que contiene el nuevo fragmento de URL después de que se registrará un cambio de página, accede a la clave “ gtm.newUrlFragment ” del objeto dataLayer.
  • Old History Fragment: Devuelve una cadena que contiene el fragmento de URL anterior,  accede a la clave “ gtm.oldUrlFragment ” del objeto dataLayer.
  • New History State: Devuelve un objeto que contiene el nuevo estado de historia después de un pushState () ha sido registrada,  accede a la clave “ gtm.newHistoryState ” del objeto dataLayer.
  • Old History State: Devuelve un objeto que contiene el viejo estado de historia, accede a la clave “ gtm.oldHistoryState ” del objeto dataLayer.
  • History Source: Devuelve una cadena que describe el evento que inició el cambio de la historia. (ej. popstate o pushState), accede a la clave “ gtm.historyChangeSource ” del objeto dataLayer.

Más Información:

Publicidad

Tags:

  • Andres

    Se nota que esta pagina es con el solo fin de promocionar su curso, porque todo es demasiado superficial, hecho con una pereza, y copiando lo mismo que dicen en tantas otras páginas web, solo que esta le disminuyen contenido. Este artículo fue copy-page del artículo de google, no explicaron como es eso de los elementos, que es el dom, y mira que he leído bastante del tema.

  • http://analyticstagmanager.com/ Analytics Tag Manager

    Hola Andrés, sólo es una guía y su contenido es simplemente para tener de un vistazo las variables disponibles.

    No hemos hecho copy-paste de ninguna página, lo hemos desarrollado, sentimos que te parezca que lo hemos hecho con pereza.

    Si todos hablamos de la misma herramienta es fácil que sean similares, y más cuando intentamos ser escuetos para utilizarlo de consulta. Iremos desarrollando tutoriales y post de cómo se usa.

    En cuanto a tu duda de los elementos:

    El dom son los elementos que estructuran una página, si tenemos en nuestro código:

    unenlace

    Los elementos del dom que tenemos son un div y un elemento a que es un enlace.

    Google Tag Manager te dejará llamar a estos elementos del dom.

    Para saber cual es elemento del dom sobre el que quieres actuar puedes utilizar la consola de desarrollo de Chrome, te adjuntamos una imagen para que lo veas.

    También puedes ver a que elemento haces clic si utilizas la vista previa o la consola de desarrollador de chrome.

    Un saludo