Este documento proporciona una introducción a la analítica web y cómo implementarla utilizando Google Tag Manager. Explica brevemente qué es la analítica web, la importancia de definir métricas y objetivos, y los pasos básicos de recolección de datos e interpretación. Luego, se centra en Google Tag Manager como herramienta para implementar etiquetas de forma sencilla, describiendo sus principales componentes como etiquetas, disparadores y variables.

1. APRENDE A
MEDIR TU
ECOMMERCE
CON GTM
DO IT YOURSELF

2. Quienes Somos
CARLOS RABADÁN
ANALISTA WEB
ANA BERGES
ANALISTA Y SEM MANAGER

3. Contenidos del Taller
1) Qué es la Analítica Web
2) Definiendo las necesidades de medición
3) Recolección de los datos
4) Implementación con Google Tag Manager

4. 1. Qué es la Analítica Web

5. Toma de decisiones en la empresa

6. “
“
¿Analítica Web?
Recopilación, medición, evaluación y
explicación racional de los datos obtenidos
de Internet, con el propósito de entender
y optimizar el uso de la página web de la
organización
Asociación Española de Analítica Web

7. “
“
¿Analítica Web?
Análisis cualitativo y cuantitativo de su sitio web
y de la competencia, para impulsar una mejora
continua de la experiencia online que tienen tanto
sus clientes habituales como los potenciales y
que se traduce en los resultados deseados
Avinash Kaushik

8. Todo debería responder a un objetivo…
…la analítica web nos ayuda a saber si se están
cumpliendo y sugerir acciones correctivas.

9. Realizar acciones sin
planificar objetivos,
obtener ni evaluar
resultados no es analítica
web…

10. Analítica Web

11. Qué medir
Métricas que necesitamos, segmentos de cliente, dónde y
cómo captar esos datos.
1
2
Recolección de datos
Implementar, estructurar datos, almacenar, validar y
consolidar.
3
Aportar valor
Interpretación, transformar datos en conocimiento,
optimización de la estrategia, predecir y anticiparnos.

12. 1. Qué medir
S.M.A.R.T
Specific, Measurable, Archivable, Relevant and Timely
Objetivo Negocio Objetivo Web KPI
Incrementar ventas
Incrementar 10% el ratio de
conversión en 1 mes
% Conversión
Incrementar ventas Incrementar el ticket medio
un 10% en un mes
AOV
Incrementar la
notoriedad de marca
Aumentar cada mes un 7%
tráfico más con respecto al
mes anterior
Var. sesiones branded mes
con respecto al mes
anterior

13. 1. Qué medir

14. 1. Qué medir
Compra
Paso 3 de carrito
Añadir carrito
Consulta Disponibilidad
Comparar Producto
Consultar Envío y Devoluciones
…
Visita la ficha
“El 78% de los usuarios que compraron consultaron la política de envíos y
devoluciones”

15. 1. Qué medir
Segmentación de cliente
Identifica los tipos de usuario en el sitio para extraer conclusiones más
precisas y definir acciones eficaces: demografía, fuentes de tráfico,
dispositivos, comportamiento sitio, cliente / no cliente, arquetipos, etc.

16. 1. Qué medir
Si tú te comes 2 panes y yo me como solo 1 pan…
197 (8,6%)

17. 1. Qué medir
Datos segmentados por tipo de cliente

18. 1. Qué medir
Datos segmentados por tipo de cliente
Distributor Otros Partner
Premium
Partner
VIP Partner
Usuarios
Totales
Captación 4.604 886 5.618 8.311 3.426 22.845
Interactúan 6% 9% 6% 6% 8% 7%
Solicitan Más
Info
57% 90% 79% 90% 93% 82%
Compra 45% 8% 23% 9% 6% 16%

19. 2. Recolección de datos

20. 2. Recolección de datos
VOLUMEN
Muestreo Analytics y significancia
VARIEDAD
CADUCIDAD
VERACIDAD
Errores tecnología e implementación, datos
inaccesibles, no modificación datos,
distintas métricas.
Web, SM, APPs, Fidelización, compra,
etc. Gestores de Etiquetas
Alta caducidad de los datos

21. 3. Aportar valor
 Mapa estratégico
 Breve y conciso
 Suficientes y relevantes
 Fácil de obtener y a tiempo
 Adaptado al receptor

22. 3. Aportar valor

23. 3. Aportar valor
Curso de formación X Área
Curso 1
Curso 2
Curso 3
Curso 4
Curso 5
Curso 6
Curso 7
Curso 8
Cursto 9
Curso 10

24. 3. Aportar valor
Mes Sesiones Transacciones Ingresos
Enero 1.500 102 9.966
Febrero 1.420 133 13.260
Marzo 1.450 172 15.514
Abril 1.445 224 17.748
Mayo 1460 291 19.150

25. 3. Aportar valor
¿Promociones, diseño del sitio, estacional…?
Mes Sesiones Transacciones Ingresos
Var.
Ingresos
Ticket
Medio
Enero 1.500 102 9.966 98
Febrero 1.420 133 13.260 33% 100
Marzo 1.450 172 15.514 17% 90
Abril 1.445 224 17.748 14% 19,2
Mayo 1460 291 19.150 8% 65,74

26. 3. Aportar valor

27. • Puede haber más de
única interpretación
válida
• Correlación VS
Causalidad
• Tiempo, competencia
y contexto
• Transformar los datos
en conocimiento y
acciones
3. Aportar valor

28. 2. Definiendo las necesidades de medición

29. ¿De qué depende la tasa
de conversión?
conversiones / sesiones

30. En el negocio online influyen
muchos factores tanto la
atracción del cliente como
posteriormente en su retención e
“invitación a la acción”.
Asimismo debemos tener en
cuenta que existen factores
coyunturales, temporales y de
cliente que influyen en cada
paso.
Y finalmente debemos entender
el análisis como una parte vital
en la empresa.

31. Captación de tráfico
Composición del tráfico: branded vs not branded, genérico vs
específico,… Modelos de atribución.
Sitio web
Estructura y jerarquía, facilidad navegación, accesibilidad,
legibilidad, persuabilidad, credibilidad, confiaza, info productos,
contacto fácil, etc.
Producto
Buen producto, buen precio, buenas condiciones de envío,
medios de pago disponibles, promociones, etc.

32. Fijar las conversiones,
micro-conversiones y KPIs
por fases

33. El embudo de conversión
describe el proceso de
compra del usuario desde
que entra en nuestro sitio
web hasta que realiza la
compra o incluso hasta que
se fideliza (antiguo AIDA de
St. Elmo Lewis).
Si somos capaces de trocear
este proceso y establecer
objetivos y KPIs a cada fase
podremos identificar al
detalle los puntos de mejora.
Captación
Navegación
Reflexión
Compra
Fidelización

34. El embudo de conversión al detalle
• Captación, el usuario visita el sitio: el objetivo es aumentar el tráfico en especial el
tráfico nuevo.
• Navegación, el usuario interacciona con el sitio: el objetivo es que el usuario logre
encontrar lo que necesita. Mejorar la UX, buenos resultados de búsqueda, buena
navegabilidad, etc.
• Reflexión, el usuario compara productos entre tiendas: el objetivo conseguir que el
usuario inicie el proceso de compra. Nos centraremos en reforzar la decisión de
compra mediante valoraciones de productos, opiniones, detalles del producto…
• Compra, el usuario finaliza una compra: el objetivo es conseguir que el usuario compre.
Proceso de compra rápido, eficaz, registro corto no obligatorio, recuperación de
carritos…
• Fidelización, el usuario vuelve al sitio web: el objetivo es conseguir tráfico y compras
recurrentes. Promociones, estrategia newsletter, redes sociales,…

35. 3. Práctica: analizando un ecommerce real

36. Elabora un listado de las funcionalidades que medirías
dentro de zalando.es. Piensa en qué puede ayudarte
medir cada una y a qué fase del embudo
corresponden.
Práctica

37. Práctica

38. 4. Recolección de los datos

39. Recolección de datos
Analytics es la herramienta de analítica web más extendida en
Internet. Aunque es una opción excepcional a la hora de medir
un site, padece los mismos inconvenientes que la mayoría de la
competencia

40. Para poder recolectar datos
todas las herramientas de
analítica web introducen un
pequeño script dentro del
código fuente de la página
Ese script hace de base para
otros. Si no se ejecuta el
primero, no hay envío

41. Normalmente, el script base
recoge por defecto datos
fundamentales sobre la
página actual, el navegador y
el usuario
Si queremos ampliar los
datos recopilados hay que
introducir más scripts

42. Estos códigos de seguimiento
reciben varios nombres:
rastreadores, trackers,
snippets, pixels,…
Nosotros los llamaremos
etiquetas (tags)

43. Las Etiquetas
Ensucian el documento
web
Deterioran el
rendimiento
Requieren de la
intervención de IT
Provocan errores

44. Gestores de etiquetas
Solución software para la gestión simplificada del código web y
de las distintas etiquetas de las herramientas de tracking online
Liberamos la página de
etiquetas
Las administramos
externamente

45. Gestores de etiquetas
Un gestor de etiquetas al final es un script que se
inserta en la página, y que toma el control del resto de
etiquetas
Una etiqueta para gestionarlas a todas

46. Algunas consideraciones previas
1
Todos los gestores de etiquetas tienen un script base que hay que
insertar en cada página que deseemos medir

47. Algunas consideraciones previas
1
Por sí solos no miden nada, es necesario crear alguna etiqueta para
enviar datos
Todos los gestores de etiquetas tienen un script base que hay que
insertar en cada página que deseemos medir
2

48. Algunas consideraciones previas
1
Por sí solos no miden nada, es necesario crear alguna etiqueta
para enviar datos
Todos los gestores de etiquetas tienen un script base que hay que
insertar en cada página que deseemos medir
Cambios posteriores que tengan lugar en la página pueden afectar a la
funcionalidad del gestor, requiere mantenimiento
2
3

49. Algunas consideraciones previas
1
Por sí solos no miden nada, es necesario crear alguna etiqueta para
enviar datos
Todos los gestores de etiquetas tienen un script base que hay que
insertar en cada página que deseemos medir
Cambios posteriores que tengan lugar en la página pueden afectar a la
funcionalidad del gestor, requiere mantenimiento
Mediciones más avanzadas requieren ciertos conocimientos técnicos
sobre web y programación Javascript
2
3
4

50. 5. Implementación con Google Tag Manager

51. Google Tag Manager
El gestor de etiquetas de Google
Curva de aprendizaje suave y gran cantidad de
documentación en la red
Completamente gratuito
Potente y versátil. Disponible también SDKs
para Android e iOS

52. ¿Cómo se instala?
Todas las páginas del portal han de
contener el script base de GTM, al
comienzo del <body>
<body>
<div>
<h2>CSS Selectors</h2>
<p>In CSS, selectors are patterns used to select
the element(s) you want to style.</p>

53. Y a partir de ese momento ya podemos empezar a crear
etiquetas a mansalva
Pero antes… Un vistazo a los componentes de GTM

54. Jerarquía de GTM
CUENTA
CONTENEDORES
ETIQUETAS
DISPARADORES
VARIABLES

55. El contenedor
El script base de cada contenedor lo podremos encontrar
en la configuración de GTM
Cada contenedor lleva asociado un ID que lo
identifica de forma unívoca

56. Los componentes del contenedor
ETIQUETA
(Tag)
VARIABLEDISPARADOR
(Trigger)

57. ETIQUETA
El componente principal de GTM. Nos permitirán enviar
datos de analítica a la herramienta que queramos

58. ETIQUETA
Colección de plantillas para una configuración rápida y
sencilla de múltiples tipos de etiqueta

59. ETIQUETA
También podremos modificar el DOM de la página e
inyectar nuevo contenido HTML (scripts) mediante un tipo
de etiqueta especial

60. DISPARADOR
Diferentes clases de
disparadores para
definir con precisión
cuándo se debe lanzar
una etiqueta

61. DISPARADOR
 Cuando el usuario visita cierta
página
 Al hacer clic sobre un elemento
 Al enviar un formulario
 Cuando un elemento se hace
visible en la página
 Pasados x segundos
 Cuando se produce un error JS
 …

62. DISPARADOR
Capacidad para crear
disparadores en función de
nuestras necesidades en
cada momento
Un disparador también
podrá usarse para bloquear
etiquetas

63. VARIABLE
Valores auxiliares
definidos a partir de la
página, de un elemento
del DOM o de una
función personalizada

64. VARIABLE
Cualquier elemento/variable
del DOM es susceptible de
capturarse como variable
También podremos
programar nuestras propias
funciones e invocarlas como
variables en todo momento

65. VARIABLE
Podremos invocar
variables a la hora de
configurar cualquiera
de los tres
componentes
principales de GTM

66. VARIABLE
Las variables amplían
enormemente las
posibilidades de GTM,
haciéndolo una
herramienta más
escalable y eficiente

67. ETIQUETA
DISPARADOR
VARIABLE
Para poder enviar datos
hay que crear etiquetas
Para ejecutar nuestras
etiquetas tendremos
que configurar
disparadores
Las variables facilitarán la
configuración de
etiquetas y disparadores,
y los harán más versátiles

68. Qué necesitamos para trabajar

69. Un ordenador con
conectividad a
Internet 
1

70. Una cuenta de Gmail
y una de Analytics
2
Conviene que sea una
propiedad nueva, ya que
vamos a enviar tráfico basura

71. Google Chrome
como navegador
principal
3

72. Extensiones:
 Tag Assistant
 Tag Manager Injector
 Dataslayer
 Wasp
 EditThisCookie
 Ghostery
 GTM Sonar
4

73. La ñapa
Para poder trabajar cada uno de nosotros con un contenedor
independiente de GTM sobre la misma web, haremos uso de la
extensión Tag Manager Injector
Este plugin para Chrome emula una instalación de GTM en la
web que queramos. Obviamente solo tendrá efecto en nuestro
navegador, pero nos permitirá hacer todas las pruebas de
implementación que queramos

74. Un recorrido por la interfaz de GTM

75. Listado de Cuentas y Contenedores

76. Overview del contenedor

77. Control de versiones

78. Administrador

79. Etiquetas

80. Plantillas de etiquetas

81. Disparadores

82. Tipos de disparadores

83. Variables

84. Tipos de variables

85. Depurar y publicar

86. Tráfico y navegación

87. Midiendo tráfico y navegación
En Analytics

88. Utilidades en Analytics
Info General
Paginación, métricas básicas de la
sesión, fuente de tráfico e información
del navegador, dispositivos y
procedencia.
Ecommerce y pixels
Todos los datos de las transacciones: id
transacción, importe, productos
vendidos, etc.
Objetivos
Visitas a páginas que se consideran clave
en mi sitio y tracking del checkout
Eventos
Acciones que el usuario realiza dentro
de mi sitio: hacer clic en un botón,
añadir producto a carrito, usar un filtro,
enviar un formulario, reproducir video,
etc.

89. Seguimiento General
Métricas básicas
Sesiones, usuarios, rebote, tiempo de permanencia,
entradas, salidas, páginas/sesión, % usuarios nuevos, etc.
Dimensiones básicas
Fuente, medio, página, información geográfica, idioma,
dispositivo, navegador, sistema operativo, ID usuario, etc.
¡Extra! Información demográfica e intereses desde
Doubleclick y dimensiones personalizadas propias.

90. Seguimiento General
Agrupaciones de contenido

91. Seguimiento General
URLs Virtuales

92. ¿Cómo lo haríamos en GTM?
Lo primero es pensar qué información necesitamos leer de la página
y enviar a Analytics. O qué valores tendremos que evaluar para
decidir si es la página correcta  VARIABLES

93. ¿Cómo lo haríamos en GTM?
En base a estas variables, construir el disparador que se active
cuando el usuario llega a la página indicada  TRIGGERS
Lo primero es pensar qué información necesitamos leer de la página
y enviar a Analytics. O qué valores tendremos que evaluar para
decidir si es la página correcta  VARIABLES

94. ¿Cómo lo haríamos en GTM?
En base a estas variables, construir el disparador que se active
cuando el usuario llega a la página indicada  TRIGGERS
Lo primero es pensar qué información necesitamos leer de la página
y enviar a Analytics. O qué valores tendremos que evaluar para
decidir si es la página correcta  VARIABLES
Con todos estos los mimbres en la mano, nos ponemos a
configurar nuestra nueva etiqueta  TAGS

95. ¿Cómo lo haríamos en GTM?
En base a estas variables, construir el disparador que se active
cuando el usuario llega a la página indicada
Lo primero es pensar qué información necesitamos leer de la página
y enviar a Analytics. O qué valores tendremos que evaluar para
decidir si es la página correcta
Con todos estos los mimbres en la mano, nos ponemos a
configurar nuestra nueva etiqueta
Una vez esté hecha, probaremos su correcto funcionamiento en
local con la Vista Previa, antes de publicar todos los cambios
realizados

96. A tener en cuenta
Los disparadores definen cuándo se debe
lanzar una etiqueta. Si no asociamos uno, la
etiqueta no se ejecutará
En nuestra primera etiqueta usaremos un
disparador que ya viene creado por
defecto: Todas las páginas

97. La etiqueta de Google Analytics
GTM dispone de múltiples plantillas de
etiqueta según la herramienta a la que
vamos a enviar los datos recopilados
En este y los siguientes casos usaremos la
etiqueta de Google Analytics

98. La etiqueta de Google Analytics
Esta etiqueta se puede
configurar para medir
distintos tipos de acciones
de usuario en la página
Cambiar esta configuración
es cambiar el tipo de hit que
enviamos a Analytics
EventTransaction
Pageview Social
Decorate
Link &
Form
Timing

99. Creando nuestra primera etiqueta
Nos dirigimos al apartado de
etiquetas (tags) y seleccionamos
Nueva
Se nos presentan múltiples
plantillas de etiqueta para
configurar. Elegimos la de Google
Analytics

100. Creando nuestra primera etiqueta
Seleccionamos Universal como la
versión de Analytics a la que
enviaremos los datos
Introducimos el identificador de la
propiedad de Analytics (UA) al que
queremos enviar la información

101. Creando nuestra primera etiqueta
Seleccionamos como disparador
Todas las páginas para esta
etiqueta y guardamos los cambios
Antes de publicar nada, probamos!

102. Creando nuestra primera etiqueta
En GTM

103. Vista Previa
GTM tiene una herramienta que nos permite depurar
todas las implementaciones que hagamos antes de
publicarlas. Se llama Vista Previa
La podemos activar desde el
desplegable de publicación
cuando tengamos cambios
pendientes en nuestro
contenedor

104. Vista Previa
Una vez activada, la Vista Previa nos mostrará un resumen
detallado de todas las etiquetas y variables del contenedor
para cada evento del usuario, así como un análisis completo
de los contenidos del DataLayer

105. Depuración
Antes de publicar ningún cambio en GTM debemos revisar que
todo funciona según lo previsto con la ayuda de la Vista Previa
Y si hemos introducido algún tipo de script debemos echar un
ojo a la consola de desarrollador del navegador, para ver si se
está disparando algún error

106. Depuración
Gracias al plugin Tag Manager Injector vamos a poder usar la Vista
Previa dentro del site que realmente estamos midiendo
En el apartado de Real-Time de nuestra propiedad de Analytics
podremos monitorizar toda nuestra navegación

107. Aunque estemos en modo Vista Previa y todavía
no hayamos publicado los cambios, las etiquetas
que se ejecuten sí que serán reales
Toda nuestra actividad en la Vista Previa quedará
registrada en la propiedad de Analytics a la que
apuntemos
PROTIP

108. Depuración y Vista Previa
En GTM

109. Medición avanzada de páginas
En Analytics

110. Medición avanzada de páginas
La etiqueta de Analytics en GTM posee un gran abanico
de opciones de configuración que nos permitirán
personalizar aspectos del envío:
 El título y la URL de la página
 Variables personalizadas adjuntas
 Agrupaciones de contenido
 Datos de comercio electrónico
 Cross-domain
 Etc

111. Medición avanzada de páginas
Podemos personalizar
el envío de una página
una vez seleccionemos
el tipo de medición
(Pageview)

112. Medición avanzada de páginas
En GTM

113. Las Variables
 Amplían las posibilidades a la hora de
configurar otros elementos de GTM
 Facilitan el trabajo
 Pueden ser todo lo complicadas que
queramos
 Se pueden invocar en la configuración de
una etiqueta, un disparador, u otra
variable

114. Tipos de Variables
Variables por defecto
Son un conjunto
preconfigurado que vienen
deshabilitadas por defecto en
cada nuevo contenedor de
GTM

115. Tipos de Variables
Variables personalizadas
Las iremos creando según
nuestras necesidades a medida
que nuestro contenedor crezca
Existen varias clases de variable
dentro de las personalizadas

116. Variables personalizadas
Cada clase está orientada a un tipo de información diferente
Es importante saber para qué sirve cada una para poder
recurrir a ellas cuando las necesitemos

117. Jugando con variables
En GTM

118. Eventos personalizados

119. Eventos personalizados
En Analytics

120. Eventos
• Enviar cualquier dato incluso cálculos
• Alcance de hit
• Estructura fácil de entender
• Escritura consistente
Elemento a etiquetar Descripción
Categoría Agrupa el evento: CV, Videos, boton, productos, etc.
Acción Descargar, clic, ver, etc.
Etiqueta (opcional) Elemento comodín: versiones, documento, etc
Valor (opcional) Valor económico asociado

121. Eventos
Sugerencia de estructura para eventos

122. Eventos
Ejemplo de evento para filtro

123.  Herramienta potente y flexible de Analytics para medir
interacciones de usuario más complejas
 Vehículo de información complementaria
(no siempre tienen que ser interactivos)
 Demuestran la verdadera eficacia de GTM
 Fácil configuración desde GTM
(son una variante de la etiqueta de Google Analytics)
Eventos

124. Configurando un evento en GTM
Elegimos como tipo de
etiqueta la de Analytics
Seleccionamos el tipo de medición
Event y configuramos los tres
principales campos de un evento en
Analytics
El uso de Variables será fundamental para
lograr una medición más precisa

125. La verdadera dificultad a la
hora de crear un evento está
en saber cuándo debe
dispararse

126. Cuándo disparar un evento
TRIGGERS

127. Cuándo disparar un evento
Una página vista (tres tiempos de carga)
Un click sobre un enlace o un
elemento cualquiera
Un envío de un formulario

128. Cuándo disparar un evento
Una transición de página asíncrona
Un error en consola
Un evento personalizado
Un temporizador

129. Disparadores
En la mayoría de los casos para configurar un disparador
vamos a necesitar hacer uso de selectores CSS y
expresiones regulares
Las variables también juegan un papel fundamental en
estos casos, por ejemplo evaluar una condición o
encontrar un elemento del DOM programáticamente

130. Creando un disparador de página
Lo primero es averiguar cuál es el patrón de
URL de la página, o conjunto de páginas
En GTM vamos a Triggers y creamos uno nuevo.
Le damos un nombre coherente, elegimos Page
View como tipo principal y seleccionamos DOM
Ready

131. Creando un disparador de página
Después de elegir el tipo hay que seleccionar la condición de
disparo
Es aquí donde podemos hacer uso de expresiones regulares
para definir un patrón de URL

132. Para crear un trigger sobre un botón necesitamos saber qué
botón es, para ello intentaremos obtener su selector CSS
Creando un disparador de click
#productDetailsMain > div.cartButtonBox.marginRight >
button#ajaxAddToCartBtn

133. Creando un disparador de click
Desde Chrome podemos obtener el selector CSS de cualquier
elemento de la página de forma automática, haciendo uso del
panel de herramientas para desarrolladores

134. Creando un disparador de click
Sabiendo su selector basta con crear un nuevo trigger, de tipo
Click, y configurarlo para que se dispare cuando:
Click Element  matches CSS selector  [nuestro CSS]

135. Creando un disparador de formulario
Los formularios son muy parecidos a los clicks, basta con
localizar el elemento y mediante su selector construir el
disparador
form#newsletterValidateDetail

136. Creando un disparador de formulario
Pero son muchas las veces en las que un disparador
de formulario falla, por unos motivos u otros
En estos casos la programación (de Variables) es tu
único aliado
form#newsletterValidateDetail

137. Creando un disparador de timer
Los triggers basados en un
temporizador disparan un
evento cada cierto tiempo, un
número limitado de veces
Suelen usarse mucho para
sacar a un usuario del rebote
en portales de contenidos

138. Creando un disparador de timer
Nombre del evento que
dispara (Datalayer)
Frecuencia de disparo
(en ms)
Número máximo de
iteraciones

139. Creando un disparador de history
GTM puede detectar cambios en el fragmento hash de la URL de
la página actual, algo muy típico de las one-page sites o de
algunos elementos web con transiciones asíncronas (AJAX)

140. Creando un disparador de history
Si sabemos de antemano qué formato tendrá el nuevo
fragmento hash podremos construir un disparador en base a él.
Los disparadores de esta clase nos permiten enviar páginas
virtuales a Analytics

141. Enviando una página virtual
Para crear una página virtual en Analytics vía GTM hemos de crear una
etiqueta de GA, de tipo pageview
En la configuración, modificaremos manualmente el campo page del envío
por el pathname que queramos que tenga la nueva página. Usaremos el
disparador de History change que hicimos antes para saber cuando se
produce el cambio en la URL

142. Disparadores y eventos
En GTM

143. Ecommerce

144. Comercio electrónico
En Analytics

145. Comercio Electrónico
• Funciona como un pixel de conversión: debe ejecutarse tras la
validación de la compra
• Orientado a eCommerce

146. Comercio Electrónico
<script>
ga('require', 'ecommerce'); // Después de crear el objeto de seguimiento
//Incluimos los valores de la transacción
ga('ecommerce:addTransaction', {
'id': '1234',
'affiliation': '', // Código promocional (vacio)
'revenue': '11.99', // Ingresos transaccion
'shipping': '5', // Gastos de envio
'tax': '1.29', // Impuestos
'currency': 'EUR' // Código de moneda
});
//Recorremos los distintos productos y aplicamos el siguiente código
ga('ecommerce:addItem', {
'id': '1234', // ID transaccion
'name': 'Fluffy Pink Bunnies', // Nombre producto
'sku': 'DD23444', // SKU producto
'category': 'Party Toys', // Categoría Hermes (PMM)
'price': '11.99', // Precio del producto
'quantity': '1', // Cantidad
'currency': 'EUR' // Código de moneda
}); ga('ecommerce:send');
</script>

147. Comercio electrónico en GTM
Al igual que en una implementación
estándar de Analytics, con GTM vamos
a necesitar códigos de comercio
electrónico insertados dentro de la
página
</>

148. Comercio electrónico en GTM
La intervención de los
programadores en este punto
es inevitable
Los datos de una transacción
deben ser expuestos dentro
del código fuente de la página
de manera similar a como se
venía haciendo hasta ahora

149. Comercio electrónico en GTM
Pero para que GTM pueda leer esta información
de la página el formato será diferente al clásico y
recibe otro nombre:
Datalayer

150. El Datalayer

151. “
“
Array Javascript que crea GTM para almacenar
todos los datos asociados de los eventos que se
disparen en una página, y establecer una pasarela
de comunicación con su capa de datos
DATALAYER

152. “
“
DATALAYER (en cristiano)
Herramienta que usa GTM para guardar todos los
datos de las interacciones del usuario y cualquier
otro tipo de información extra que queramos
pasarle sobre esa página

153. Siempre escuchando
Cada una de las acciones que llevan a cabo
los usuarios en una página desencadena
un evento y una serie de datos asociados
GTM se puede configurar para que
monitorice prácticamente cualquier acción
del usuario que navega por una web

154. ¿Escuchar?
El conjunto de datos de estas acciones
se almacenan en el Datalayer de cada
página (GTM lo crea por defecto si no
existe previamente)
Posteriormente podremos leer esta
información y crear etiquetas, variables
y disparadores en base a estos datos

155. ¿Y por qué es tan importante?
DATALAYER
Porque es el nexo de comunicación entre GTM e IT

156. En algunas ocasiones, desde GTM necesitaremos que
se nos avise cuando se produzca cierto evento en la
página
En otras, necesitaremos que nos pasen información que
no se encuentra disponible a nivel de página (transacciones,
productos, usuarios, …)

157. Y toda esa comunicación tiene lugar
dentro del Datalayer

158. Volviendo al tema de las transacciones…

159. Midiendo una transacción en GTM
Primero hemos de saber a qué
URL nos redirige la web cuando
hacemos una compra, ejemplo:
mysite.com/onestepcheckout/success
Este es un dato clave en cualquier
ecomerce. Tenemos que crear un
disparador de página en base a esta
URL

160. Midiendo una transacción en GTM
Después, basta con que creemos
una etiqueta de GA, de tipo
Transaction, y seleccionemos el
disparador recién hecho
Si el datalayer de la transacción
está correctamente construido en
esa página, GTM lo leerá y lo
enviará a Analytics junto con los
datos de los productos asociados

161. Comercio electrónico
En GTM

162. Pixels de conversión

163. Pixels de conversión en GTM
Existen dos formas de construir pixels en GTM:
 Con una plantilla de una herramienta específica
 Con la etiqueta de HTML personalizado

164. Pixels de conversión en GTM
GTM tiene una colección de
plantillas que facilitan
enormemente el envío de
información a ciertas
herramientas, además de
Google Analytics
Éstas van desde páginas
hasta medición de leads y
conversiones

165. Pixels de conversión en GTM
Si el pixel que queremos crear es de una
herramienta que no se encuentra entre las
plantillas de GTM tendremos que insertar
manualmente el código
Para ello haremos uso de la etiqueta
HTML personalizado

166. HTML Personalizado
Es un tipo de etiqueta
especial que nos permite
insertar cualquier tipo de
código HTML dentro de la
página
Podremos pegar scripts de
cualquier tipo: desde pixels
hasta funciones que alteren el
contenido de la página o que
lean cierta información

167. HTML Personalizado
Es una de las funcionalidades más potentes y versátiles de
GTM, pero también una de las más peligrosas
Un error de programación en una de estas etiquetas podría
llegar a romper la página e impedir que cargue correctamente

168. Imagen Personalizada
La etiqueta de Custom Image
nos permite hacer una
solicitud a una URL concreta,
con los parámetros que
queramos, sin tocar el código
de la página
Es muy útil para crear pixels
especiales y medir usuarios
que tienen Javascript
deshabilitado en su navegadorhttp://www.lunametrics.com/blog/2015/03/23/gtm-iframe-no-javascript/

169. Pixels de conversión
En GTM

170. Gracias