Workshop Google Tag Manager 1.0 (2014, junio)

Post on 15-Apr-2017

173 views 5 download

transcript

@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?

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

WORKSHOP DE GTM

@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

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

https://www.google.com/tagmanager

¿Qué es Google Tag Manager?

@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

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

CONTENEDORES

ETIQUETAS

REGLAS

MACROS

VISTA PREVIA & DEBUGGING

ADMINISTRACIÓN DE USUARIOS

VERSIONES

Conceptos de GTM

@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

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

ETIQUETAS

HTML

Conceptos de GTMEtiquetas

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

REGLA

True / False

- URL (?)

- Path / File (?)

- ID / Class (?)

Regla

Conceptos de GTMReglas

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

MACRO

Capturar un valor del DOM/HTML

Genera un valordesde el GTM

Macro

Conceptos de GTMMacros

@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

@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

@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

@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

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

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

....});

</script><body>

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

Como Funciona GTM

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

ESTRUCTURA DEL CONTENEDOR

CONTENEDOR

Etiqueta: Regla

Macro

Etiqueta: Regla

Macro

Etiqueta: Regla

Macro

Como Funciona GTM?

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

ESTRUCTURA DEL CONTENEDOR

CONTENEDOR

Etiqueta: Regla

Etiqueta: Macro

Regla

Etiqueta: Regla

Macro

Como Funciona GTM?

@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?

@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?

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

Contenedores

Listado de contenedores de una Cuenta

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

Contenedores

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

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

Macros

Administrar Macros

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

Administrar Macros

Macros predeterminadosAdministrador de macros

@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

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

Reglas

Administrar Reglas

@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

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

Previewing and Debugging

Preview Mode

OPCIONES DE VISTA PREVIA

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

Previewing and Debugging

Preview ModeUpdate, Preview & Debug

@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

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

Previewing and Debugging

Preview ModeUpdate & Share PreviewMode

ENLACE PARA COMPARTIR

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

Control de Version

Crear VersionVersion

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

Control de Version

Crear VersionAdministrar la version

Nombre de

versionRollBack Version

Preview & Debug

Publicar !

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

Control de Version

Rollback VersionAdministrar el “Borrador”

RollBack Version

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

Administrador de Versiones

Versiones

PROPIEDADES DE LA VERSIÓN

RollBack Version

Publish History

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

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

Análisis avanzado con segmentos de encargo

@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.

@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)

@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”

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

Validar script Google Analytics

• ¿Cómo funciona Google Analytics Debugger?