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

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

variable-integradas-paginas

  • 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

variable-integrada-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.

  • 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