TUTORIAL GOOGLE TAG MANAGER 2023

Muy buenas. En el vídeo de hoy vamos a ver un tutorial sobre Google Tag Manager que en la mayoría de casos va a ser lo único que vais a necesitar para empezar a usar esta herramienta. Google Tag Manager es una herramienta 100% gratuita de Google que vamos a usar para gestionar y crear eventos y conversiones para todos los píxeles y tags que queramos instalar en nuestra web.

El píxel de Facebook, el de SEA, el de Google Ads, Google Analytics cuatro, etcétera. Si sabes usar Google Tag Manager, vas a poder gestionar todo tipo de pixel stacks, eventos y conversiones en un solo lugar. Y si ves este vídeo de principio a fin, vas a saber más sobre Google Tag Manager que el 90% de marketeros. Venga, vamos con ello.

Bueno, pues empecemos por lo más básico que es Google Tag Manager, Bullet Manager es una especie de container que instalamos en nuestra web y que por lo tanto, en realidad está instalado en cada una de las páginas de nuestra web y que utilizamos para gestionar todos nuestros tags y todos nuestros píxeles. Por ejemplo, el píxel de Facebook, el tag de Google Analytics cuatro, el píxel de Tito Katz, el de Google Ads, etcétera.

Cuando no existía Google Task Manager, esta labor la debían de desarrollar los desarrolladores. Es decir, nosotros teníamos que contactar a un desarrollador y le teníamos que dar el trozo de código que queríamos que se instalase en nuestra web en cada una de las páginas para que funcionase el píxel de Facebook o el de Google Glass, etc Como ya sabéis, los desarrolladores son unas de las personas más ocupadas en el mundo empresarial en estos días que corren, con lo cual os podéis imaginar que era muy complicado instalar este tipo de tags o este tipo de píxeles de forma manual, ya que en muchos casos había que esperar días, semanas o incluso meses.

Ahora, gracias a We Tack Manager, ya no tenemos que depender de los desarrolladores para instalar todos estos taxi píxeles. Lo podemos hacer nosotros mismos y podemos gestionarlo nosotros mismos. Algunos de los ejemplos de uso para utilizar Google Tag Manager es, por ejemplo, todos los eventos estándar y personalizados de Facebook, páginas vistas, página de producto vista, añadidos al carrito, inicios del checkout, compras, etcétera.

Todos estos eventos, tanto los que acabo de nombrar, que son eventos estándar, como eventos personalizados que ya sabéis que son eventos que no tienen un nombre registrado dentro de Facebook. Todos esos eventos los podemos crear y gestionar con Google Task Manager y bueno, diréis bueno, pero esto ya hay otras formas de hacerlo con otras herramientas que por ejemplo te da Facebook.

Sí, es verdad, pero Google Tag Manager A mí hay una cosa que me encanta y es los grupos de trigueros o grupos de condiciones. Como ya sabéis, un evento es algo que se dispara cuando se cumple una serie de condiciones. Por ejemplo, cuando un usuario ve una página, se dispara este evento. Ver esa página es la condición, es el trigger y el evento.

El evento que se dispara es el evento en sí de Facebook. Bueno, pues hay una cosa muy chula con Google Tag Manager que podemos hacer que yo creo que no se puede hacer de ninguna otra forma. Y es que podemos crear grupos de triggers para crear un trío, para crear una condición conjunta y de esa forma disparar un evento.

Podríamos decir, por ejemplo, que cuando una persona haga scroll hacia abajo y además hace más de un minuto en una página vista y además haga clic en un botón cuando se cumplan esas tres condiciones, que se dispare este evento, un evento personalizado. Esto nos da muchísima flexibilidad para crear todo tipo de campañas bastante locas y la verdad que yo soy un friki con este tipo de campañas.

Me encanta crear este tipo de campañas de eventos personalizados porque te dan otro plus, crean un plus muy diferencial que puedes utilizar para crear campañas súper interesantes dentro de Facebook. Así que nadie más está creando y que por tanto es mucho más fácil encontrar CPM es más bajos. Como ya sabéis, los CPM funciona en un sistema de pujas y ese sistema de pujas, si los eventos que estamos utilizando son eventos estándar, como por ejemplo compras, inicios del checkout y añadidos al carrito, hay mucha más gente utilizando este tipo de eventos.

Hay mucha más gente atacando a una misma audiencia, utilizando los mismos eventos y con lo cual los CPM son mucho mayores. Cuando utilizamos eventos personalizados, es mucho más probable encontrar agujeros o lagunas en ese mercado de pujas dentro del Facebook Ads y con lo cual podemos encontrar CPM es más baratos. No siempre, no siempre es así, pero es más probable encontrar CPM es más bajos.

Cuando utilizamos eventos personalizados. Y bueno, aunque ya he mencionado algunos de los beneficios de Google Track Manager, cabe mencionar que uno de los beneficios más importantes es que podemos gestionar todos los píxeles, todos los tags desde un mismo lugar. Esto cuando tienes una pequeña página web como la mía, por ejemplo, pues parece que no es un beneficio tan grande, pero cuando tienes un hijo ver que tiene cientos o miles de páginas, esto os aseguro que ayuda muchísimo y ahorra muchísimo tiempo a la hora de gestionar, instalar, crear eventos personalizados, crear eventos estándar, etc Y además, no hay que dejar de olvidarse que antes de que Google Tag Manager existiera, todo esto lo tenían que hacer

los desarrolladores. La hora de trabajo de un desarrollador es súper cara y además hacer todo esto de forma manual les lleva muchísimo tiempo. Ahora mismo todo esto lo podemos hacer nosotros mismos, con lo cual os podéis imaginar que podemos ahorrar un montón de tiempo y de dinero. Gracias a que Google Tag manera y eso nos facilita muchísimo las cosas.

Y vamos a ver cómo crear una cuenta y un container de vuelta manager. Vamos con ello. Bueno, pues lo primero que tenéis que hacer para llegar a Google Tag Manager es poner el tag manager aquí en Google y la primera opción que os aparece hacéis clic en ella, hacéis clic en los Colts Action, seguís el proceso y de esa forma habréis creado vuestra primera cuenta de Google Tag Manager.

Una vez que ya habéis creado vuestra cuenta de Google TAC Manager, debéis de ver algo parecido a esto. Cuando lleguéis a una página muy parecida a esta y tengáis un corto acción que diga Crear cuenta, hacéis clic ahí, le dais un nombre a vuestra empresa, seleccionas el país, le dais un nombre al container, ponéis la URL de vuestra página web?

Si la página web y hacéis clic en Crear y ya tendréis todo creado. Una vez que estáis aquí para id a vuestro espacio de trabajo, tenéis que hacer clic en esta ruedita. Hacéis clic en espacio de Trabajo o Workspace y llegáis a la página principal de Google Task Manager para que entendáis un poquito cómo funciona Google cuando tenéis una cuenta de Google.

Por ejemplo, mi cuenta personal de Google es la que utilizo para Google Tag Manager, mi canal de YouTube, etcétera. Bueno, pues tenéis vuestra cuenta de Google y dentro de vuestra cuenta de Google tenéis Gmail, tenéis Google Tag Manager, tenéis YouTube, tenéis todas las pautas o todos los servicios dentro de Google? Pues esto funciona exactamente igual. Google Tag Manager es uno de esos servicios que está dentro de vuestra cuenta de Google y de Gmail.

Luego, dentro de Google Tag Manager lo que tenéis son containers. Dentro de vuestra cuenta de Google Tag Manager podéis tener tantos containers como queráis. Un container es un servicio de Google Manager para una web. Este por ejemplo es el que tengo para ejemplo Mega Store punto com, que es una página web que creé para crear tutoriales en youtube.

Entonces esto es el container de ejemplo mega store punto com. Entonces cuando tengáis varias páginas web lo que tenéis que hacer es crear varios containers. Lo que acabamos de crear es un container de Google Task Manager, que será lo que instalemos en ejemplo Mega Store junto con Ahora vamos a ver un poco cómo funciona todo esto. Lo más importante de Google Tag Manager es los tags.

Aquí están todos los tags o todos los píxeles que tenemos instalados en nuestra página web. Tenemos los triggers, los drivers son las condiciones que utilizamos para disparar esos eventos. Es decir, cuando un usuario haga esto, ese esto es la condición, es el trigger, dispara esto, ese segundo, esto es el evento. El evento puede ser un evento de Facebook Ads o puede ser un evento de vuela o puede ser un evento de TIC tocado.

Da igual. Y luego tenemos las variables. Las variables son trozos de información que están vinculadas a diferentes acciones dentro de la página web. Y os pongo un ejemplo cuando yo hago clic en un botón, ese hacer clic en el botón va a tener vinculadas una serie de piezas de información, como por ejemplo el container aid de el botón.

Ese container Heidy es una variable. El texto del botón es otra variable, la url de destino de ese botón es otra variable, etc Entonces cada acción que sucede dentro de la web tiene vinculadas una serie de variables. Estas son las variables que están aquí y el resto de cosas. Bueno, esto es donde estábamos antes, que es la página general.

Pero como os digo, las tres partes fundamentales son tags, que son donde están los píxeles, los drivers, que son las condiciones y las variables, que son las piezas de información que están vinculadas a cada una de las acciones que pueden suceder dentro de una página web. Y luego, por ejemplo, otra cosa bastante importante son todos los tipos de tags que tenemos a nuestra disposición.

Esto por ejemplo, es el de Facebook, pero que sepáis que no está fuera por defecto, sino que tenéis que venir aquí y tenéis que buscarlo. Este de aquí, este es ese píxel. Vale, lo seleccionamos y os aparecería ya para poder ser seleccionado, os aparecería aquí, pero que sepáis que por defecto no aparece, lo tenéis que sacar y se saca como os he enseñado.

Y aquí tenéis todas las tags que tenéis disponibles para gestionar con Google Tag. Vale? Y luego tenéis todos los triggers que los trigueros los tenéis que crear. Entonces, cómo funciona Google Tag amarillo? Bueno, es muy sencillo. Yo lo que tengo que hacer es crear un thriller, es decir, una serie de condiciones que luego voy a utilizar para crear el evento.

Entonces, por ejemplo, una condición puede ser cuando yo haga clic en un link y ese link tenga la palabra gracias en él quiero que se dispare el evento link. Ese es un ejemplo. Otro ejemplo sería cuando un usuario hace clic en ese botón. Quiero que se dispare el evento venta. Otro ejemplo sería cuando un usuario hace clic en este botón.

Quiero que se dispare el evento inicio del checkout. Otro ejemplo sería cuando un usuario ve esta página, quiero que se dispare el evento View content o visualización de contenido. Entonces, como veis, siempre tenemos las condiciones que son los triggers y por otro lado tenemos el taco o el evento, digamos, ese evento puede ser en el caso de Facebook Ads, pueden ser eventos personalizados, es decir, nombres que no están registrados dentro de Facebook o pueden ser eventos estándar que si están registrados o que por lo menos sus nombres sí son reconocidos por Facebook.

Una vez que tengo el trigger creado, puedo crear el tag llamando al trigger y lo que hago es crear un preview con este botoncito de aquí. Luego lo vamos a ver y una vez que todo esta ok lo publico, pero antes de meternos a ver cómo utilizarlo, lo que quiero ver es cómo instalar Bullet Hack Manager en WordPress súper importante, que seguramente va a ser uno de los usos más comunes de Google Tag Manager en una página web Google TAC Manager con WordPress.

Entonces vamos a ver cómo instalarlo. Bueno, pues estamos aquí en el backoffice de ejemplo Mega Store Puntocom y vamos a ver cómo tenemos que instalar un plugin que nos va a servir a su vez para instalar Google Tag Manager tenemos que venir a plugins, añadir nuevo, venimos aquí y escribimos GTM Bueno, pues la primera opción que nos aparece que se llama GTM cuatro WP, ese es el plugin que tenemos que instalar.

Hacéis clic en Instalar y una vez que esté instalado hacéis clic en Activar. A continuación vamos a plugins instalados, bajamos, vamos a este plugin y hacemos clic en Settings o en Configuración. Bajamos y lo que tenemos que hacer es este código que tenemos en nuestro container de Google Tag Manager, lo copiamos y lo pegamos aquí. Esto lo activamos por defecto, está en off, lo ponemos en ON y seleccionamos la opción en el futuro footer de la página.

Guardamos los cambios y de esta forma ya tenemos instalado Google TAC Manager en toda nuestra web. No importa si tenéis dos páginas o tenéis 200, ya tenéis instalado Google Tag Manager en toda vuestra web. Bueno, pues ahora lo que vamos a hacer es vamos a ver un ejemplo de cómo crear un evento estándar y vamos a ver también cómo crear un evento personalizado.

Estamos aquí en la página Mega Store, ejemplo Megas dos punto com y estoy a punto de hacer clic en este botón. Voy a realizar una compra. Entonces lo que quiero ver es qué sucede cuando hago clic en este botón y en base a lo que suceda, puedo discernir qué es lo que puedo utilizar para crear este evento de compra o de venta.

Entonces hago clic en Mandar Pedido. Perfecto, pues ya lo tengo. Tengo que ha aparecido un mensaje aquí en pantalla. La URL ha cambiado. Aquí aparecen los datos de la persona a la que hay que enviar el pedido. Vale, entonces tenemos, creo que dos opciones. Tenemos la opción de crear un evento cuando esto aparezca en pantalla. Existe esa posibilidad dentro de Google Tag Manager y también existe la posibilidad de crear un evento cuando en la URL aparezca con las palabras border receive.

Yo creo que voy a ir por esta opción, voy a copiar esto efecto y nos vamos a Vuelta Manager y vamos a crear este evento. Entonces, cómo crearíamos el evento? Bueno, pues lo primero que tenemos que hacer es crear el try o las condiciones. Entonces vamos a hacer clic en Nuevo Trigger Configuration y vamos a decirle que vamos a el evento que vamos a crear.

Va a ser una página vista porque una página vista, porque vamos a utilizar algo que aparece en la URL, entonces vamos a hacer clic en Página Vista, vamos a decirle que va a ser en algunas páginas, no en todas las páginas, sino en algunas páginas. Solamente vamos a decirle que la URL de la página en cuestión debe contener estas palabras.

Vamos a llamarle, le voy a llamar dos, porque creo que ya tengo una igual que ésta, pero lo quiero hacer para el ejemplo. Vamos a crear o vamos a guardar este trigger perfecto. Muy bien, aquí tenemos ese trigger que acabamos de crear y ahora lo que vamos a hacer es vamos a crear el tag, vamos a tags, hacemos clic en nuevo, seleccionamos esta opción de aquí, seleccionamos el píxel de Facebook.

Me vengo al píxel en cuestión, aquí lo tengo. Hago clic en este código de aquí, me vuelvo a vuelta Manager, lo pego. Aquí esta opción la dejo en estándar porque es un evento estándar y aquí voy a seleccionar o compra todo esto o lo dejo como está y selecciono Gregory para seleccionar qué condiciones quiero utilizar para que se dispare ese evento y voy a seleccionar ese trigger que acabamos de crear.

Perfecto, vamos a darle un nombre, por ejemplo, perfecto, vamos a guardar y ya tenemos creado nuestro tag o nuestro evento. Entonces ahora lo que vamos a hacer es vamos a previsualizar, vamos a asegurarnos de que está bien configurado y de que funciona antes de publicarlo. Entonces hacemos clic en Preview Efecto y está seleccionada nuestra página en cuestión. Hacemos clic en Conectar.

Muy bien, vamos a añadir algunos productos al carrito. Por ejemplo, esto de aquí está muy bien. Vamos a añadir alguna cosita más. Por ejemplo, esto de aquí vamos al carrito está este cuadrito es de vuelta Manager. Esto nos está indicando que estamos correctamente conectados a través de Google Manager. Lo que estamos haciendo básicamente es una simulación, como si este saco, si este píxel estuviese ya instalado y publicado en la página web.

Pero antes de hacerlo, para asegurarnos de que todo funciona correctamente, entonces ahora lo que voy a hacer es clic en checkout. Muy bien, bajamos hacia abajo y hacemos clic en Order o Mandar Pedido. Perfecto, pues ya lo tenemos. Vamos a ver si ese evento se ha disparado. Parece que está bien. Parece que se ha disparado correctamente porque nos está diciendo además de que se ha disparado.

Vale, está bien, porque efectivamente lo tenemos creado dos veces, porque he creado este adicional para el ejemplo, pero ahora lo que vamos a hacer adicionalmente es venir aquí y asegurarnos de que el evento dos se ha disparado, se ha disparado el evento a secas y el evento es dos, con lo cual está bien configurado ahora lo que haríamos sería esto lo cerraríamos, esto también lo cerraríamos, esto cerraríamos, vendríamos aquí y pública.

Haríamos esta versión del Google Tag Manager con un nombre que nos indique qué cambio acabamos de realizar a Vueltas Manager. Yo no lo voy a hacer porque como habéis visto ya, ya tengo creado este evento. De hecho ahora esto lo voy a borrar para no crear confusión y esto también lo voy a crear, este lo voy a borrar, perdón este trigger y aquí lo tengo aquí creado también de todo esto, esto lo voy a borrar muy bien.

Y ahora vamos a ver cómo crear un evento personalizado. Bueno, pues este evento personalizado va a consistir en un conjunto de tres condiciones. La primera condición es que el usuario debe hacer scroll hacia abajo más de un 70%. La segunda condición es que debe pasar en una misma página más de 30 segundos, y la tercera condición es que debe de hacer clic en algo.

Si se cumplen estas tres condiciones, este evento personalizado se va a disparar. Vamos a ver cómo crear esto. Bueno, había dicho que el conjunto o los conjuntos de triggers o de condiciones iban a ser 30 segundos en página más hacer es lo hacia abajo un 70% más hacer clic en algún elemento. Pero como tengo creado el del 60, vamos a hacerlo con el de 60 60 segundos en página.

Hacer es crear hacia abajo más de un 70% y hacer clic en algo. Lo de hacer clic en algo no tengo un trigger creado, así que lo vamos a crear. Hago clic en nuevo y vamos a hacer, por ejemplo, links o link clics. Perfecto, clic recto. Muy bien. Y ya tendríamos los tres elementos creados. Tenemos los 60 segundos en página, tenemos el clic en un elemento y tenemos el scroll de 70%.

Vamos a ver cómo está creado esto. Súper sencillo. Esto es un fijáos que está aquí. Si hay un timer, tú puedes crear un timer aquí le metes los, digamos, los milisegundos que queremos utilizar para que se dispare este evento. En este caso había dicho 30 segundos, aquí tendríamos que poner 30.000 milisegundos. Selecciono el tipo de condiciones que queréis utilizar y ya está.

Para el tema del scope es exactamente igual. Hay una opción que es Scroll Step, que se está de aquí, que básicamente lo que tenéis que decir es vertical scroll, depende que porcentaje, por ejemplo 70%. Vale, en si queréis que suceda en todas las páginas o solamente en algunas páginas, y lo guardáis y ya está. Entonces vamos a ver cómo crear este nuevo trigger, que es un conjunto de trigueros con un conjunto de condiciones.

Hacemos clic en Nuevo Trigger Configuration, vamos hacia abajo, hacemos clic en Grupo de Triggers y hacemos clic en esta crucecita. Lo primero, vamos a seleccionar 60 segundos en página. Lo segundo va a ser scroll. Define el 70% y lo tercero vamos a hacer clic con Elementos, esto es, fijaos que aquí se ha creado un pequeño AND y aquí otro pequeño, aunque lo que significa es que para que este evento que vamos a crear a continuación se dispare, se tienen que dar estas tres condiciones las tres esta y esta y esta.

Entonces vamos a hacer un ejemplo, vamos a guardar y ya tenemos nuestro trigger, nuestras nuestra serie de condiciones para a continuación crear nuestro evento. Vamos a hacer clic en Tags nuevo, seleccionamos esta opción Configuration, seleccionamos el píxel de Facebook, vamos otra vez a Facebook, copiamos el código del píxel que queremos utilizar, lo pegamos aquí. En este caso vamos a seleccionar Custom o personalizado y le vamos a llamar Engage y User dos.

Muy bien, vamos a seleccionar el trío Guerín. Vamos a decir que esta es la opción para este trigger, vamos a llamarle por ejemplo, Facebook, guion perfecto, vamos a guardar y ya tenemos creado aquí nuestro evento. Cómo vamos a ver si este evento funciona correctamente? Súper sencillo. Hacemos clic en Preview, conectamos y vamos a otra vez mencionar las tres condiciones que se tienen que dar para que este evento se dispare.

Tenemos que pasar más de 60 segundos en una misma página. Además, tenemos que hacer scroll hacia abajo más de un 70% y tenemos que hacer clic en algo. Entonces vamos a pasar más de un minuto. Obviamente vamos a acelerar el vídeo. No tenéis que esperarme aquí totalmente aburridos, pero voy a hacer scroll hacia abajo más de un 70% y voy a esperar un minuto.

Y a continuación, voy a hacer clic en algo y veremos si este evento se dispara o no se dispara. Perfecto. Bueno, pues ya he hecho clic en un elemento y vemos que el evento en cuestión, el evento personalizado que acabo de crear, se llama User dos. Se ha disparado correctamente. Vamos a comprobarlo también dentro de el tag manager a ver si se ha disparado.

Hacemos clic en Continuar y efectivamente vemos que se ha disparado correctamente. Entonces, en este caso, como antes, por supuesto, tenemos que salir de aquí. Finalizamos esto, lo cerramos esto, cerramos también vamos aquí. Hacemos clic en Enviar, le damos un nombre a esta versión de Vuelta Manager, enviaríamos, publicáramos y ya está. Y ya lo tendríamos. Si te ha gustado, te ha parecido interesante este vídeo, te aconsejo que eches un vistazo a este otro vídeo que es un curso de meta avanzado, pero para todos los públicos donde veo este tema y otros muchos te lo dejo por aquí.