presentación sobre GTM en el evento Marujeo Meeting de Málaga
cursotagmanager.com Lucía Marín MARUJEO MEETING Málaga 2015 Saca el máximo partido de @SeoBilbao #mm3 cursotagmanager.com Sobre mí Lucía Marín [email protected] Analítica Web, Tag Manager y Formación en Aukera | cursotagmanager.com @SeoBilbao #mm3 Lucía Marín cursotagmanager.com Lucía Marín Vale, ya sé lo básico… Qué es Tag Manager Crear etiquetas estándar de Analytics o AdWords @SeoBilbao #mm3 ¿Qué es Google Tag Manager? (tutorial + curso) cursotagmanager.com Etiquetas: hay vida más allá de los píxeles @SeoBilbao #mm3 Lucía Marín cursotagmanager.com Lucía Marín 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 cursotagmanager.com Variables: ¿……..el qué………? @SeoBilbao #mm3 Lucía Marín cursotagmanager.com Lucía Marín Variables: ¿cueces o enriqueces? Mejora tus implementaciones con {{Variables Predefinidas y JS}} http://www.simoahava.com/gtm-tips/check-for-new-user/ {{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… @SeoBilbao #mm3 GTM y JavaScript: Kit de autosubsistencia para analistas no desarrolladores cursotagmanager.com Lucía Marín {{Variables}} DE TIPO URL, más que útiles {{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) {{Referrer}} 8 @SeoBilbao #mm3 {{Page URL}} {{Click URL}} cursotagmanager.com Lucía Marín Variables URL {{Predefinidas}} y {{Derivadas}} Extrayendo los componentes de las URLs que nos interesen, obtendremos variables muy útiles. Cómo crearlas: 1. Crear Variable URL 2. Elegir el componente URL de referencia 3. ¿De qué URL? Página actual Por defecto será de la página actual o {{Page Path}}, pero podemos seleccionar cualquier otra 9 @SeoBilbao #mm3 URL siguiente cursotagmanager.com Lucía Marín Variables URL {{Predefinidas}} y {{Derivadas}} {{Query}} sin ?, podemos {{Protocol}} sacar query total o para cada clave de consulta (e,d) http://www.mipagina.com/tienda/articulo-molon.html?e=MMM3&d=07-11-15#marujeosem {{Hostname}} {{Path}} de / a fin {{URL}} {{Fragment}} sin # {{URL}}: desde {{Protocol}} hasta {{Path}} 10 @SeoBilbao #mm3 cursotagmanager.com Lucía Marín Tag Manager acerca el marketing al desarrollo Y viceversa… aprende y colabora! @SeoBilbao #mm3 cursotagmanager.com Lucía Marín 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 cursotagmanager.com Lucía Marín 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: gclid @SeoBilbao #mm3 Pero vayamos más allá y guardemos el gclid “persistente” como cookie… cursotagmanager.com Lucía Marín 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; } @SeoBilbao #mm3 simoahava.com/gtm-tips/once-userid-always-userid Variable de JavaScript personalizada: gclid cookie persistent cursotagmanager.com Lucía Marín 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'>[email protected]</p> <p class='email2'>[email protected]</p> El activador solo comprobará si el gclid persistente tiene valor. @SeoBilbao #mm3 cursotagmanager.com Lucía Marín Cómo sustituir email en la página (opción 2) 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 @SeoBilbao #mm3 cursotagmanager.com Lucía Marín 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 cursotagmanager.com Lucía Marín Ej. Personalización según UTM Query Todo Lo Que Siempre Quisiste Saber Sobre GTM & Analytics y nunca te atreviste a preguntar @SeoBilbao #mm3 cursotagmanager.com Lucía Marín 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) http://dominio.com/?search=tagliatella&location=malaga&type=italian 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. @SeoBilbao #mm3 cursotagmanager.com Lucía Marín Y recuerda… hay que probar todo siempre!! Revisa tus etiquetas, activadores y variables @SeoBilbao #mm3 cursotagmanager.com Ten paciencia y prepárate… @SeoBilbao #mm3 Lucía Marín cursotagmanager.com 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 Lucía Marín cursotagmanager.com 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 Lucía Marín cursotagmanager.com Activadores: Shssss… Un secreto… ¿Cómo saber a priori en qué evento y variables activar una etiqueta? @SeoBilbao #mm3 Lucía Marín cursotagmanager.com Lucía Marín 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 cursotagmanager.com Lucía Marín Activadores para DEBUG (y solo para debug) @SeoBilbao #mm3 No utilizaremos estos activadores en ninguna etiqueta. Solo los creamos para que GTM detecte todos los eventos en su consola. cursotagmanager.com Lucía Marín Activadores para DEBUG (y solo para debug) 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! • {{Click Text}} • {{Click Classes}} • Etc. Y basándome en esas variables luego podré definir el activador exacto. @SeoBilbao #mm3 cursotagmanager.com Y parar terminar… ¿Cómo saber por qué se activó una etiqueta concreta? ¿Y por qué no? @SeoBilbao #mm3 Lucía Marín cursotagmanager.com Lucía Marín 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 cursotagmanager.com Lucía Marín ¿Dudas o preguntas? Lucía Marín [email protected] @SeoBilbao aukera.es cursotagmanager.com experimentando.es @SeoBilbao #mm3 Si te ha gustado, ¡comparte! Puedes leerme en: aukera.es/blog/ aukera.co.uk/blog/ experimentando.es
© Copyright 2024