+ All Categories
Home > Technology > Workshop Google Tag Manager 1.0 (2014, junio)

Workshop Google Tag Manager 1.0 (2014, junio)

Date post: 15-Apr-2017
Category:
Upload: martin-garay
View: 173 times
Download: 5 times
Share this document with a friend
41
Martín Garay Digital Marketing SEO & BI Consultant @DigitalAnalyst_ WebDigitalAnalytics .com.ar #MedirParaEntender WORKSHOP DE GTM
Transcript
Page 2: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

Google tag Manager te permite integrar dentro de un mismo sistema de gestión etiquetas de conversión

píxel de html, javascript o imagen de conversión que puedas necesitar como Google Adwords

(remarketing y seguimiento de Conversiones) Facebook conversion tracking pixel, DoubleClick,

ComScore, MediaPLex, Turn Data Collection, ClickTale, BIzo,

Si trabajas en marketing, se acabó la dependencia de las áreas de desarrollo. Nunca más tendrás que

deponer de alguien para poder implementar las etiquetas de conversión. Y podrás iniciar tus campañas

antes de forma inmediata.

Si trabajas en BI, podrás hacer el seguimiento de todos los elementos que necesites para configurar tus

Objetivos de conversión.

….y si Trabajas en desarrollo o Diseño Web, vas a disfrutar el entorno de programación y QA, disponible

desde GTM.

¿Google Tag Manager?

Page 3: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

WORKSHOP DE GTM

Page 4: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

¿QUÉ ES GOOGLE TAG MANAGER?CONCEPTOS DE GTMBENEFICIOSDENTRO DE TAG MANAGER

CONTENEDORESETIQUETAS, REGLAS Y MACROSVERSIÓN, PUBLICACIÓN Y PRUEBASDATALAYERS

SEGURIDADUSUARIOS Y PERMISOS

PRUEBAS / TEST EN PRODUCCION

Contenidos

Page 5: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

https://www.google.com/tagmanager

¿Qué es Google Tag Manager?

Page 6: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

Ventajas de usar GTM

Plataforma de uso gratuito con la firma de Google.Puesta en marcha inmediata de nuevas campañas.Independencia del sector IT Administración de usuariosDebugging en el ambiente de producciónControl de versionamiento

Page 7: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

CONTENEDORES

ETIQUETAS

REGLAS

MACROS

VISTA PREVIA & DEBUGGING

ADMINISTRACIÓN DE USUARIOS

VERSIONES

Conceptos de GTM

Page 8: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

<body> </body>

IMPLEMENTACIÓN

GTM Script

CONTENEDOR A

Conceptos de GTMComo se implementa?

http://www.webdigitalanalytics.com.ar/demo-gtm/page1.html

Page 9: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

ETIQUETAS

HTML

Conceptos de GTMEtiquetas

Page 10: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

REGLA

True / False

- URL (?)

- Path / File (?)

- ID / Class (?)

Regla

Conceptos de GTMReglas

Page 11: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

MACRO

Capturar un valor del DOM/HTML

Genera un valordesde el GTM

Macro

Conceptos de GTMMacros

Page 12: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

Enviar

Macro – ejemplo

HTML:dataLayer.push({ 'event':'pageView', ‘SetPageView':'form-registro/Ok'});

Enviar

http://www.dominio.com/form-registro http://www.dominio.com/form-registro#

Capturar datos del Usuario

Macro - DataLayer

Gracias !

Modal o popUp

Page 13: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

CONTENEDOR

Etiqueta:Google Analytics

Macro pageView.url

Como Funciona GTM

Regla

event= pageView

HTML:dataLayer.push({ 'event':'pageView', 'pageView':{ 'url':'form-registro/Ok' }});

http://www.webdigitalanalytics.com.ar/demo-gtm/page2.html

Page 14: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

¡Gracias!

Macro – ejemplo #2

HTML:dataLayer.push({ 'event':‘setUser', 'SetUser':{ 'id': 44684,   'Tipo': 'Demo',   'RegistradoEl':'2014/01/25,   'Compras':0 }});

Enviar

http://www.dominio.com/form-registro http://www.dominio.com/Registro-ok

Capturar datos del Usuario

Macro - DataLayer

Page 15: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

CONTENEDOR

Etiqueta:Google Analytics

Macro setUser.id

Como Funciona GTM

Regla

event= setUser

HTML:dataLayer.push({ 'event':‘setUser', 'SetUser':{ 'id': 44684,   'Tipo': 'Demo',   'RegistradoEl':'2014/01/25,   'Compras':0 }});

http://www.webdigitalanalytics.com.ar/demo-gtm/page1.html

Page 16: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

<script type="text/javascript">dataLayer = [];dataLayer.push({

....});

</script><body>

<!-- GTM -->...</body>

Como Funciona GTM

Page 17: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

ESTRUCTURA DEL CONTENEDOR

CONTENEDOR

Etiqueta: Regla

Macro

Etiqueta: Regla

Macro

Etiqueta: Regla

Macro

Como Funciona GTM?

Page 18: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

ESTRUCTURA DEL CONTENEDOR

CONTENEDOR

Etiqueta: Regla

Etiqueta: Macro

Regla

Etiqueta: Regla

Macro

Como Funciona GTM?

Page 19: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

ESTRUCTURA DEL CONTENEDOR

CONTENEDOR

Etiqueta:Google Analytics

Regla

Etiqueta:Custom HTML

Macro

Regla

Etiqueta:Custom HTML

Regla

Macro

Etiqueta:Google Analytics

Macro

Regla

Como Funciona GTM?

Page 20: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

ESTRUCTURA DE LA CUENTA

Usuarios

CONTENEDOR BCONTENEDOR A

Etiquetas

Reglas

Macros

Etiquetas

Reglas

Macros

Usuarios

Usuarios

Como Funciona GTM?

Page 21: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

Contenedores

Listado de contenedores de una Cuenta

Page 22: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

Contenedores

Administrar el ContenedorDentro de un contenedor (Etiquetas, Reglas, Macros)

Page 23: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

Macros

Administrar Macros

Page 24: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

Administrar Macros

Macros predeterminadosAdministrador de macros

Page 25: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

Crear Macros

Componentes de una Macro

NOMBRE DE LA MACRO

ORIGEN DE LA MACRO

ATRIBUTOS ESPECÍFICOS DEL

TIPO DE MACRO URL

Page 26: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

Reglas

Administrar Reglas

Page 27: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

Crear Reglas

Componentes de una Regla

NOMBRE DE LA REGLA

MACROCONDICIÓN

VALOR DE CONDICIÓ

NETIQUETAS

QUE APLICAN

ESTA REGLA

Page 28: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

Previewing and Debugging

Preview Mode

OPCIONES DE VISTA PREVIA

Page 29: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

Previewing and Debugging

Preview ModeUpdate, Preview & Debug

Page 30: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

Previewing and Debugging

Preview ModeUpdate, Preview & Debug

Nombre de las Etiquetas

Estado de ejecución de la

Etiqueta

Page 31: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

Previewing and Debugging

Preview ModeUpdate & Share PreviewMode

ENLACE PARA COMPARTIR

Page 32: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

Control de Version

Crear VersionVersion

Page 33: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

Control de Version

Crear VersionAdministrar la version

Nombre de

versionRollBack Version

Preview & Debug

Publicar !

Page 34: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

Control de Version

Rollback VersionAdministrar el “Borrador”

RollBack Version

Page 35: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

Administrador de Versiones

Versiones

PROPIEDADES DE LA VERSIÓN

RollBack Version

Publish History

Page 36: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

¿Cómo validar una implementación de Google Analytics?

Análisis avanzado con segmentos de encargo

Page 37: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

Validar script Google Analytics

• ¿Cómo saber si el código de Google Analytics funciona correctamente?

Tag Assistant (by Google) validar de forma rápida la ejecución no solo de Google Analytics, sino también múltiples productos de Google, como Google Tag Manager, Google Adwords, Remarketing Tag y más...

Google Analytics Debugger Nivel de información más complejo, que les será de mucha utilidad para validar implementaciones avanzadas de Google Analytics, como la creación de variables personalizadas, seguimiento de comercio electrónico, seguimiento de eventos o la creación de páginas Virtuales, entre otras cuestiones.

Page 38: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

Validar script Google Analytics

• ¿Cómo funciona el Tag Assistant (by Google)?

El Tag Assistant (by Google) nos mostrara un nivel de detalle de tipo ejecutivo, indicando el estado de un tag, informándonos si está correcto, hay alguna advertencia (con un detalle vago o escaso)

Page 39: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

Validar script Google Analytics

• ¿Cómo funciona Google Analytics Debugger?

Para poder ver la información que nos brinda el Plugin es necesario tenerlo encendido para ello, el logo de analytics debe estar acompañado de un “ON”

Page 40: Workshop Google Tag Manager 1.0 (2014, junio)

@DigitalAnalyst_Martín Garay - 2014 WebDigitalAnalytics.com.ar

Validar script Google Analytics

• ¿Cómo funciona Google Analytics Debugger?


Recommended