Saca el máximo partido de Tag Manager (Marujeo Meeting Malaga, Lucia Marin)

@SeoBilbao #mm3
Lucía Maríncursotagmanager.com
MARUJEO MEETING Málaga 2015
Saca el máximo partido de

@SeoBilbao #mm3
Sobre mí
Lucía Marín
lucia@experimentando.es
Analítica Web, Tag Manager y Formación en Aukera | cursotagmanager.com

@SeoBilbao #mm3
Vale, ya sé lo básico…
 Qué es Tag Manager
 Crear etiquetas estándar
de Analytics o AdWords
¿Qué es Google Tag Manager? (tutorial + curso)

@SeoBilbao #mm3
Etiquetas: hay vida más allá de los píxeles

@SeoBilbao #mm3
Etiquetas HTML == puerta abierta al código
Podemos hacer muchas más cosas que incluir seguimientos 
- Cambiar el aspecto de una página (CSS <style></style>), sin acceso al código!
- Lanzar pop ups (p.ej.suscripción), tras N segundos, o en eventos…, sin plugins!!
- Saludo “especial” a new users (detectando por ej. que no tengan cookie ga_)
Google Tag Manager

@SeoBilbao #mm3
Variables: ¿……..el qué………?

@SeoBilbao #mm3
Variables: ¿cueces o enriqueces?
{{Predefinidas y derivadas}}
Page URL / Path / Query /
Hostname / Fragment... []
Referrer, Referrer Hostname... []
Click Element / ID / Classes / Text
/ URL / Path / Hostname… []
…
{{Javascript Personalizado}}
Kit JavaScript Auto-Subsistencia:
- Buscar y reemplazar
- Extraer vía regEx
- Lookup Table con contiene
- Guardar un valor en una cookie
- Extraer partes de texto de un
bloque…
http://www.simoahava.com/gtm-tips/check-for-new-user/Mejora tus implementaciones con {{Variables Predefinidas y JS}}
GTM y JavaScript: Kit de autosubsistencia para analistas no desarrolladores

@SeoBilbao #mm3
8
{{Page URL}} URL actual (página activa en el navegador)
{{Referrer}} URL de referencia (página anterior)
{{Click URL}} URL siguiente (destino del click, href)
{{Variables}} DE TIPO URL, más que útiles
{{Referrer}} {{Page URL}} {{Click URL}}

@SeoBilbao #mm3
Variables URL {{Predefinidas}} y {{Derivadas}}
Extrayendo los componentes de las URLs que nos
interesen, obtendremos variables muy útiles. Cómo crearlas:
9
1. Crear Variable URL 2. Elegir el componente 3. ¿De qué URL?
Página actual
URL siguiente
URL de referencia
Por defecto será de
la página actual o
{{Page Path}}, pero
podemos seleccionar
cualquier otra

@SeoBilbao #mm3
10
Variables URL {{Predefinidas}} y {{Derivadas}}
{{Protocol}}
http://www.mipagina.com/tienda/articulo-molon.html?e=MMM3&d=07-11-15#marujeosem
{{URL}}: desde {{Protocol}} hasta {{Path}} y {{Query}}
{{Path}} ruta de documento{{Hostname}}
{{Query}} parámetros sin ?,
query total o clave de consulta (e,d)
{{Fragment}}
sin #

@SeoBilbao #mm3
Tag Manager acerca el marketing al desarrollo
Y viceversa… aprende y colabora!

@SeoBilbao #mm3
Personaliza según procedencia: {{Referrer}}
{{Referrer Hostname}} == dominio de referencia del tráfico (solo host)
REFERRER HOSTNAME: PERSONALIZACIÓN SEGÚN DOMINIO DE PROCEDENCIA
¿Quieres mostrar una promo o concurso exclusivo para tus usuarios de Redes Sociales?
A visitas de Twitter, Facebook y Youtube les mostramos algún tag HTML en la página de
aterrizaje (un guiño o ayuda referente a la promo). Podemos dar continuidad a una oferta
o concurso dentro del website sin apenas involucrar al equipo técnico. Campañas casi al
100% de Marketing 

@SeoBilbao #mm3
Personaliza según procedencia: {{Query gclid}}
{{URL Query}} == extrae un parámetro de URL o utilízalo para activar
URL QUERY: PERSONALIZA SEGÚN PROCEDENCIA (TAMBIÉN POR PARÁMETROS)
¿Quieres personalizar el email para tus usuarios de Adwords?
Dedicado a Alberto Esteves! 
Si vienen con el parámetro gclid se les mostrará un email diferente, éste sería el trigger:
Pero vayamos más allá y guardemos el gclid “persistente” como cookie…
gclid

@SeoBilbao #mm3
Cómo guardar un valor (gclid) en una cookie
Creamos la consulta y la cookie. Y después la variable custom JS: “gclid cookie persistent”.
¿Qué hace este JS? Si hay parámetro gclid lo guarda en la cookie para futuras sesiones, y
además evalúa tanto la cookie como la query y, solo si ambos están vacíos, devuelve vacío.
function() {
if ({{gclid query}}) {
var d = new Date();
d.setTime(d.getTime()+1000*60*60*24*365*2);
var expires = 'expires='+d.toGMTString();
document.cookie = 'gclid=' + {{gclid query}} + '; '+expires+'; path=/';
return {{gclid query}};
} else if ({{gclid in cookie}}) {
return {{gclid in cookie}};
}
return;
}
simoahava.com/gtm-tips/once-userid-always-userid
Variable de
JavaScript
personalizada:
gclid cookie
persistent

@SeoBilbao #mm3
Cómo sustituir email en la página (opción 1)
Supongamos que tenemos dos emails ya en el código (uno visible y otro oculto) y
según el caso querremos cambiar esto por propiedad display CSS desde GTM.
<p class='email1' style='display:none'>aukera@aukera.es</p>
<p class='email2'>lucia@aukera.es</p>
El activador solo
comprobará si el
gclid persistente
tiene valor.

@SeoBilbao #mm3
Creamos tag HTML que muestra uno u otro email según procedencia (el email está incluido desde GTM).
Usamos una Lookup Table para mostrar un email u otro según el valor de gclid persistente.
Lo bueno: solo muestras el email
que quieres y no hay otro oculto en
el código.
Ejs. http://cursotagmanager.com
http://cursotagmanager.com/?gclid
=1234
Lo malo: Limitación tags HTML
aparecen justo antes del cierre del
</body>. Habría que hacer por CSS
el resto (CSS position), o dejarlo en
el footer.
En todas las páginas este HTML
Cómo sustituir email en la página (opción 2)

@SeoBilbao #mm3
Personaliza según campaña y etiquetado {{Query}}
{{URL Query UTM}} – Personaliza según tu campaña taggeada:
URL QUERY para UTMs: PERSONALIZACIÓN SEGÚN ETIQUETADO DE ANALYTICS
¿Quieres que usuarios con un cierto etiquetado de campaña vean algo diferente?
Extraemos UTM de Analytics (u otros taggeados) y creamos triggers con ellos.
utm_campaing
Con un parámetro concreto o con todos, según queramos ;)

@SeoBilbao #mm3
Todo Lo Que Siempre
Quisiste Saber Sobre
GTM & Analytics
y nunca te atreviste a preguntar
Ej. Personalización según UTM Query

@SeoBilbao #mm3
Ej. Implementación analítica avanzada que se
vuelve algo muy sencillo con variables y GTM…
{{Query search}} – Extrae datos búsqueda y filtros (si va todo por parámetros)
URL QUERY: EXTRAE INFORMACIÓN DEL USO DE FILTROS Y BUSCADORES AVANZADOS
¿Quieres saber qué seleccionan más tus usuarios en la búsqueda avanzada o filtros?
Crea fácilmente variables Query/Consulta para URLs con parámetros visibles (como la de arriba).
Una variable para cada tipo de consulta y mandarlas como dimensiones personalizadas.
O pásalas en la misma etiqueta de evento como parámetros.
http://dominio.com/?search=tagliatella&location=malaga&type=italian

@SeoBilbao #mm3
Y recuerda… hay que probar todo siempre!!
Revisa tus etiquetas, activadores y variables

@SeoBilbao #mm3
Ten paciencia y prepárate…

@SeoBilbao #mm3
Vista previa y depurar
Como si publicáramos pero solo
lo vemos en nuestro navegador.
Entorno de pruebas ideal, revisa
la correcta ejecución de las
etiquetas antes de su publicación
definitiva.

@SeoBilbao #mm3
Depuración: verificar que todo funcione
FUNDAMENTAL!!!!! Secuencia de eventos a la izquierda.
En cada evento vemos etiquetas, dataLayer y valores de variables (son
diferentes según el evento y el elemento al que afecten).

@SeoBilbao #mm3
Activadores:
Shssss… Un secreto…
¿Cómo saber a priori en qué evento y
variables activar una etiqueta?

@SeoBilbao #mm3
Activadores para DEBUG (y solo para debug)
Vamos a crear un entorno de pruebas para averiguar las condiciones
que tendrán que cumplir los activadores.
Para ello creamos activadores de clic y form genéricos:

@SeoBilbao #mm3
No utilizaremos estos activadores en ninguna etiqueta.
Solo los creamos para que GTM detecte todos los eventos en su consola.

@SeoBilbao #mm3
Ej. Quiero saber qué condiciones son necesarias para medir clics en la
imagen. Hago un clic y miro en el evento gtm.click las VARIABLES:
• {{Click ID}}
• {{Click Text}}
• {{Click Classes}}
• Etc.
Y basándome en
esas variables luego
podré definir el
activador exacto.
¡Click!

@SeoBilbao #mm3
Y parar terminar…
¿Cómo saber por qué se activó una
etiqueta concreta? ¿Y por qué no?

@SeoBilbao #mm3
Las causas en cada evento (a la izquierda)
Por qué se activan las etiquetas en un evento
Y por qué no
Mirar en evento

@SeoBilbao #mm3
¿Dudas o preguntas?
Lucía Marín
lucia@aukera.es
@SeoBilbao
aukera.es
cursotagmanager.com
experimentando.es
Si te ha gustado, ¡comparte!
Puedes leerme en:
aukera.es/blog/
aukera.co.uk/blog/
experimentando.es

Saca el máximo partido de Tag Manager (Marujeo Meeting Malaga, Lucia Marin)

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (20)

Similar to Saca el máximo partido de Tag Manager (Marujeo Meeting Malaga, Lucia Marin)

Similar to Saca el máximo partido de Tag Manager (Marujeo Meeting Malaga, Lucia Marin) (20)

Saca el máximo partido de Tag Manager (Marujeo Meeting Malaga, Lucia Marin)