Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

Potencia tu Tag Manager - User Web Analytics - Eshow 2017

1.827 visualizaciones

Publicado el

Una charla en la que damos varios tips de configuración de tag manager para extender sus posibilidades y ofrecemos la descarga de un contenedor con todos ya implementados.

Publicado en: Datos y análisis

Potencia tu Tag Manager - User Web Analytics - Eshow 2017

  1. 1. Iñaki Huerta @ikhuerta Potencia tu Tag Manager: Consigue que tu GTM sea aún más ágil y versátil
  2. 2. Iñaki Huerta - @ikhuerta#UWAMAD ¡Hola! Soy Iñaki Huerta Ikaue.com @ikhuerta hola@ikaue.com
  3. 3. Evolución de la analítica (copiar diseño presupuestos) Iñaki Huerta- @ikhuerta#UWAMAD
  4. 4. Nos marcamos como metas… Iñaki Huerta- @ikhuerta#UWAMAD Mejorar en cada proyecto nuestra metodología y procesos de trabajo Esto nos lleva a innovar en muchos terrenos del SEO y de la analítica digital
  5. 5. Adoramos Google Tag Manager Iñaki Huerta- @ikhuerta#UWAMAD • Por su versatilidad • Por simplificar en gran medida los procesos • Por permitirnos “Crear” datos nuevos en los negocios
  6. 6. Google Tag Manager Un “Simple” gestor de etiquetas javascript Iñaki Huerta- @ikhuerta#UWAMAD GTM Etiquetas de GTM Genera Que son capaces de generar muchas otras etiquetas Google Adwords Google Analytics DobleClick ComScore ClickTale Y casi cualquier Herramienta… Las etiquetas de GTM recogen mucha información de tu web Y con esta información 1. Se decide qué etiquetas lanzar 2. Se decide con qué parámetros
  7. 7. #UWAMAD Iñaki Huerta- @ikhuerta Variables Recogen valores de tu web o de donde sea
  8. 8. #UWAMAD Iñaki Huerta- @ikhuerta Variables Activadores A partir de las variables y de eventos en la página son capaces de lanzar Etiquetas Recogen valores de tu web o de donde sea
  9. 9. #UWAMAD Iñaki Huerta- @ikhuerta Etiquetas Variables Activadores A partir de las variables y de eventos en la página son capaces de lanzar Etiquetas Recogen valores de tu web o de donde sea Usan también las variables para saber que datos enviar a distintas plataformas
  10. 10. #UWAMAD Iñaki Huerta- @ikhuerta El día que descubres Google Tag Manager Tag de GTM DataLayer URLs – Cookies DataLayer – Variables JS Eventos automáticos JS personalizado Páginas vistas - agrupaciones contenido - dimensiones personalizadas - url manipulada Eventos - Clicks - Scrolls - Tiempo - Formularios - Etc… Datos de producto - Impresiones - Clicks - Carrito y Checkout - Transacciones - Etc… Operaciones automáticas que GTM hace sobre tu web
  11. 11. GTM está evolucionando a un ritmo vertiginoso Iñaki Huerta- @ikhuerta#UWAMAD La meta es deshacerse del Javascript complejo
  12. 12. #UWAMAD Iñaki Huerta- @ikhuerta
  13. 13. #UWAMAD Iñaki Huerta- @ikhuerta Accede a cualquier elemento de la página
  14. 14. #UWAMAD Iñaki Huerta- @ikhuerta - Lo lee - Lo cambia - Le asigna eventos
  15. 15. #UWAMAD Iñaki Huerta- @ikhuerta - Lo lee - Lo cambia - Le asigna eventos- Gestiona cookies - URLs - Históricos - Referrals - Ajax Etc….
  16. 16. #UWAMAD Iñaki Huerta- @ikhuerta GTM está hecho sobre Javascript - Lo lee - Lo cambia - Le asigna eventos- Gestiona cookies - URLs - Históricos - Referrals - Ajax Etc….
  17. 17. #UWAMAD Iñaki Huerta- @ikhuerta Pero para muchas acciones simplifica el código javascript transformándolo en simples formularios var boton = document.getElementById('botón-compra); boton.click = function() { ga('send', 'event', 'clicks', 'boton compra'); }
  18. 18. Los últimos añadidos de GTM Iñaki Huerta- @ikhuerta#UWAMAD - Variables custom task - Variables de configuración de GA - Variables de tablas RegEx - Activadores de visibilidad: Scroll y elementos visibles
  19. 19. #UWAMAD Iñaki Huerta- @ikhuerta Las variables custom task Permiten manipular la configuración del objeto GA como si de código en la página se tratase. Lo usamos para configurar de golpe y para varios tags parte de la configuración y tags de GA. Etiqueta GA Custom Task Reconfiguración de la etiqueta de GA con código JS
  20. 20. #UWAMAD Iñaki Huerta- @ikhuerta Las variables custom task Config dimensiones Config Agruaciones Codigo JS para calcular variables … lo que se te ocurra
  21. 21. #UWAMAD Iñaki Huerta- @ikhuerta Las variables custom task https://www.simoahava.com/gt m-tips/use-customtask-access- tracker-values-google-tag- manager/
  22. 22. #UWAMAD Iñaki Huerta- @ikhuerta La variable de configuración de GA Permiten crear personalizaciones de las etiquetas de GA y usarlas en cualquier Tag. Así toda la definición de variables personalizadas y demás cambios solo los realizamos una vez por cada tipo de configuración (normalmente una sola vez por cuenta) Etiqueta GA Config GA Etiqueta GA Etiqueta GA Etiqueta GA
  23. 23. UA de la cuenta Gestion de Cookies Dimensiones genéricas Otras variables a configurar
  24. 24. Seleccionandola ya tenemos la config hecha
  25. 25. #UWAMAD Iñaki Huerta- @ikhuerta Las variables de tablas de Regex Permiten transformar y modelar muchos datos con Regex (como los filtros de GA) Lo usamos para asociaciones complejas que requerirían de scripts Javasciprt Variable Original Tabla Regex URL  Tipología URL  Niveles de Profundidad URL  Idioma Evento  Tipo de Hit Click  Tipo de enlace
  26. 26. Vamos definiendo los posibles valores de la variable detectando coincidencias con Expresiones regulares.
  27. 27. #UWAMAD Iñaki Huerta- @ikhuerta Las activadores de visibilidad de la página Permiten saber cuadno se hace hace scroll o cuando un elemento se vuelve visible Lo usamos para lanzar eventos o etiquetas cuando queremos saber si los usuarios perciben cierta información de la página Contenido Visible Scroll al 50% Pagina VIrtual Conversión Adwords Evento NoBounce
  28. 28. L Life I Isn't F Fucking E Easy Pero haga lo que haga GTM la vida es vida…
  29. 29. #UWAMAD Iñaki Huerta- @ikhuerta Os presentamos nuestro contenedor Base Un contenedor que nos prepara para una configuración profesional de GTM con muchos añadidos ya definidos y a nuestro alcance.
  30. 30. #UWAMAD Iñaki Huerta- @ikhuerta Nuestra propuesta… Cargar Eliminar innecesarios Configurar a medida
  31. 31. #UWAMAD Iñaki Huerta- @ikhuerta Cosas básicas (y conocidas) que contiene - Un sistema de nomenclatura claro - Las variables más comunes ya configuradas y/o activadas - Variable de configuración de GA ya configurada con los básicos - Medición de outbound links - Anulación del rebote definiendo los segundos en una variable
  32. 32. #UWAMAD Iñaki Huerta- @ikhuerta La dimensión “data source” (Fuente de datos) Nos informa sobre que sistema ha introducido los datos. Por defecto coge el valor “web” siempre que se usa ga() o GTM. Usamos un custom Task a medida que nos informa en cada dato de Analytics de : - El Contenedor de GTM que envió el dato - La versión del mismo - Y si se lanzaron los datos en modo debug o no
  33. 33. Dato directo de web, sin GTM Versiones 6 y 7, publicaciones de configuraciones de GTM distintas Trafico de prueba en modo preview
  34. 34. #UWAMAD Iñaki Huerta- @ikhuerta Configuración para sites multidominio Definimos en una tabla que UA usará cada dominio distinto
  35. 35. #UWAMAD Iñaki Huerta- @ikhuerta Definir un valor de dimensión para cuando este no nos llega en datalayer Cuando no enviamos un valor de dimensión GA no nos muestra este dato de “vacios” (lo filtra automáticamente) en los informes. De esta forma siempre podemos ver todos los datos
  36. 36. Si no enviásemos el dato por defecto analytics no nos mostraría nunca estos datos cruzados.
  37. 37. Líbrate del SPAM REFERRAL Tus Datos de GA Un dato Clave que añadimos Filtro que solo permite pasar a datos con la clave
  38. 38. La vía sencilla sin gastar dimensiones personalizadas… 1 2
  39. 39. #5 La vía sencilla sin gastar dimensiones personalizadas… 3 4
  40. 40. #5 La vía sencilla sin gastar dimensiones personalizadas… 5 En TODAS las etiquetas de GA…
  41. 41. #5 La vía sencilla sin gastar dimensiones personalizadas… 6
  42. 42. #UWAMAD Iñaki Huerta- @ikhuerta Evitando el Spam Referral por contraseña Definimos directamente la clave como constante en GTM para que sea fácilmente identificable y se pueda configurar como se desee. Indicamos la clave en GTM Y la misma clave en GA
  43. 43. #UWAMAD Iñaki Huerta- @ikhuerta Client ID directamente como dimensión personalizada Conocerlo nos permite hacer debug en ciertos casos y enviar datos desde servidores externos a esos usuarios
  44. 44. #UWAMAD Iñaki Huerta- @ikhuerta Trabajando el UserID de tres formas distintas DataLayer con UserId &uid Dimension User Id Dimensión User Id Persistente Nos permite crear vistas de UserId con las cuales comprobar el comportamiento multidispositivo y acercarnos más a los usuarios reales Lo almacenamos como dimensión para poder extraer informes de ID's de usuario y asi cruzarlos con el CRM Cuando un usuario cierra sesión seguimos capturando su UserId igualmetne (aunque la web lo borre)
  45. 45. #UWAMAD Iñaki Huerta- @ikhuerta Capturando las versiones responsive de una forma más eficiente Manipulamos la dimensión “Screen Colors” que no usa nadie para guardar los tipos de pantallas de los usuarios.
  46. 46. #UWAMAD Iñaki Huerta- @ikhuerta Manipulamos las URLs - Eliminando datos ilegales (emails, tarjetas) - Permitiendo eliminar variables de las URLs que nos molestan - Permitiendo manipularlas (con un poco de JS) en todos los datos a la vez - Añadiendo el ID de transacción en las URLs que tengan venta para poder identificarlas - Cambiando automáticamente el valor de las URLs cuando se lanzan como URLs virtuales
  47. 47. Para conseguir esto hemos tenido que desarrollar “un poco” de código…
  48. 48. Activador virtual-step En un paso virtual en “/checkout” Se envía: dataLayer.push({ 'event': 'virtual-step', 'addToUrl' : 'paso-1' }); Variable addToUrl
  49. 49. Activador virtual-step Pagina VIrtual URL = Url Real + addToUrl La url de la página virtual será: /checkout/paso-1 En un paso virtual en “/checkout” Se envía: dataLayer.push({ 'event': 'virtual-step', 'addToUrl' : 'paso-1' }); Variable addToUrl
  50. 50. Activador virtual-step Pagina VIrtual URL = Url Real + addToUrl La url de la página virtual será: /checkout/paso-1 En un paso virtual en “/checkout” Se envía: dataLayer.push({ 'event': 'virtual-step', 'addToUrl' : 'paso-1' }); Variable addToUrl Con una sola etiqueta de página vista lo configuramos todo
  51. 51. #UWAMAD Iñaki Huerta- @ikhuerta Deduplicando Transacciones Analytics no deduplica el mismo ID de transacción entre sesiones Esto con navegadores abiertos y especialmente con Chrome para móviles supone tener siempre transacciones duplicadas.
  52. 52. #UWAMAD Iñaki Huerta- @ikhuerta Deduplicando Transacciones Nueva Transacción No la enviamos ¿Tiene alguna Cookie con este ID de transacción? Sí ???
  53. 53. #UWAMAD Iñaki Huerta- @ikhuerta Deduplicando Transacciones Nueva Transacción No la enviamos ¿Tiene alguna Cookie con este ID de transacción? Sí Generamos la cookie No
  54. 54. #UWAMAD Iñaki Huerta- @ikhuerta Deduplicando Transacciones Nueva Transacción No la enviamos ¿Tiene alguna Cookie con este ID de transacción? Sí No Y la enviamos a GA Generamos la cookie
  55. 55. #UWAMAD Iñaki Huerta- @ikhuerta Antiguamente (GA Classic) siempre sabíamos las campañas de las visitas La cookie _utmz contiene utm_medium utm_source utm_campaign etc…
  56. 56. #UWAMAD Iñaki Huerta- @ikhuerta Pero con universal analytics perdimos esta información ¿Y nuestras campañas? utm_medium utm_source utm_campaign etc…
  57. 57. #UWAMAD Iñaki Huerta- @ikhuerta Sabemos como funcionan las campañas… … por qué no emularlas? Proceso Automático ¿Tenemos Referral? ¿es un Buscador? ¿UTM's en la URL? Proceso Manual medium = referral source = {dominio} campaign = (not set) keyword = (not set) content = (not set) medium = organic source = {buscador} campaign = (not set) keyword = {keyword} content = (not set) medium = (none) source = (not set) campaign = (not set) keyword = (not set) content = (not set) medium = utm_medium source = utm_source campaign = utm_campaign keyword = utm_term content = utm_content Para cada visita… No Sí Sí Sí No No Se leen las etiquetas utm…
  58. 58. #UWAMAD Iñaki Huerta- @ikhuerta Desarrollamos un código javascript que se comporte igual que lo hace Google y genere nuestras cookies de campaña... Variables Etiqueta - Javascript que genera las cookies de campaña - Utm medium - Utm source - Utm campaign - Utm content - Utm term - Landing page - Referal page
  59. 59. #UWAMAD Iñaki Huerta- @ikhuerta La nueva cookie: medium source campaign etc…
  60. 60. #UWAMAD Iñaki Huerta- @ikhuerta
  61. 61. #UWAMAD Iñaki Huerta- @ikhuerta Usos de disponer de la campaña en variablesGTM o cookies 1. Cualificación de la base de datos de conversiones 2.Deduplicación de pixeles de proveedores 3.Adaptación gráfica a campañas
  62. 62. #UWAMAD Iñaki Huerta- @ikhuerta
  63. 63. #UWAMAD Iñaki Huerta- @ikhuerta Se genera la campaña Navegación con la campaña identificada Se genera la conversión Podemos guardar la campaña en BBDD interna
  64. 64. #UWAMAD Iñaki Huerta- @ikhuerta Plataforma de Campañas Nuestro Site Publicidad Landing Form Agradecimiento Con “Pixel” Click Conversión Herramienta Control y Reporting Funcionamiento de un pixel de conversión
  65. 65. #UWAMAD Iñaki Huerta- @ikhuerta Plataforma de Campañas Nuestro Site Publicidad Landing Form Agradecimiento Con “Pixel” Click Conversión Herramienta Control y Reporting Funcionamiento de un pixel de conversión El problema: El pixel no controla si antes de convertir llega una nueva campaña
  66. 66. #UWAMAD Iñaki Huerta- @ikhuerta Pixeles con deduplicación: Etiqueta Activador - Que tiene en cuenta la campaña - Que lanza el pixel de nuestro proveedor
  67. 67. #UWAMAD Iñaki Huerta- @ikhuerta
  68. 68. #UWAMAD Iñaki Huerta- @ikhuerta La continuidad del mesaje es una herramienta genial de conversión para algunos canales ¡El mejor precio del mercado! Contrata nuestros servicios Baja conversión 
  69. 69. #UWAMAD Iñaki Huerta- @ikhuerta La continuidad del mesaje es una herramienta genial de conversión para algunos canales ¡El mejor precio del mercado! Con el mejor precio del mercado ¡Mucho mejor! ☺ utm_content=precio
  70. 70. #UWAMAD Iñaki Huerta- @ikhuerta Pixeles con deduplicación: Etiqueta Activador - Que tiene en cuenta la campaña - Que lanza cambios en el DOM de la web
  71. 71. #UWAMAD Iñaki Huerta- @ikhuerta ¿Cómo podemos medir la publicidad interna de la web?
  72. 72. #UWAMAD Iñaki Huerta- @ikhuerta Usar UTM's no es la solución pues rompen la campaña original… medium=email source=clients medium=internal source=slider CAMPAÑA 1 CAMPAÑA 2 La venta se queda con la última campaña Campaña Campaña interna
  73. 73. #UWAMAD Iñaki Huerta- @ikhuerta ic_medium ic_source ic_campaign ic_content ic_term Nuestro Sistema: 1 - Creamos variables de campaña exactamente iguales a las de GA, pero internas /colchones.e?ic_source=portal&ic_medium =home&ic_content=carrusel&ic_campaign =colchones_20160226 /colchones.e
  74. 74. #UWAMAD Iñaki Huerta- @ikhuerta Nuestro Sistema: 2 – Creamos como dimensines personalizadas estas variables en Google Analytics
  75. 75. #UWAMAD Iñaki Huerta- @ikhuerta Variables Etiqueta - Javascript que detecta las URLs y genera las cookies - Internal campaign medium - Internal campaign source - Internal campaign campaign - Internal campaign content - Internal campaign term - Internal campaign page - Internal campaign page Etiqueta - De página vista con dimensiones personalizadas con los datos de campaña 1 – Gestionamos con GTM que llege esa información a esas variables
  76. 76. #UWAMAD Iñaki Huerta- @ikhuerta Y ya tenemos campañas internas en Google Analytics
  77. 77. #UWAMAD Iñaki Huerta- @ikhuerta Y algunas cosas más… - Variables para medir tiempos desde carga de página ya configuradas - Funciones para creación de cookies o emular la sesión de GA - Variable “undefined” para hacer que un campo no se envíe - Anulación del rebote definiendo los segundos en una variable
  78. 78. ikaue.com/recursos/gtm/contenedor-base-ikaue.json ¿Quieres todas estas funcionalidades en tu GTM?
  79. 79. #UWAMAD Iñaki Huerta- @ikhuerta GTM permite exportar e importar tus configuraciones
  80. 80. #UWAMAD Iñaki Huerta- @ikhuerta Importar un contenedor es tan sencillo como cargar el archivo JSON Hay que escoger si deseamos Sobreescribir: “resetear” toda nuestra configuración. O Combinar: Sumarla a lo que ya temnemos.
  81. 81. #UWAMAD Iñaki Huerta- @ikhuerta
  82. 82. Iñaki Huerta @ikhuerta ¡Muchas Gracias!

×