La clase más detallada de Google Tag Manager (GTM) para 2023

1. Introducción al curso: Hola y bienvenidos a este curso de Google tag manager. Yo soy Žiga y seré tu instructor. Al final de este curso, tendrás un profundo entendimiento sobre cómo funciona Google tag manager y qué puedes hacer con él. Después nos sumergemos directamente en la carne del curso. Pasaremos lentamente de guiones y etiquetas esenciales a conceptos más avanzados que podrías usar en tu sitio web. En el camino te mostraré ejemplos del mundo real para que puedas construir tu propio proyecto a medida que avanzamos. Al final del curso, podrás idear tus propias ideas de etiqueta e implementarlas con confianza. OK. Entonces debes estar preguntándote, ¿quién soy yo y por qué te estoy enseñando todo esto? Bueno, llevo más de 8 años en marketing digital y en este tiempo he tenido 2 exitosas campañas de crowdfunding y ayudé a más de 10 a recaudar más de 1 millón de dólares. He hablado en diversas conferencias y eventos de marketing e incluso he dado conferencias a múltiples generaciones de propietarios de pequeñas empresas sobre diferentes temas del marketing digital. Y durante los últimos dos años, también he tenido mi propia agencia enfocada en ayudar a las empresas a automatizar su marketing. A través de todo este tiempo, he estado usando activamente Google tag manager para ayudarme a mí y a mis clientes a configurar todo. Antes de sumergirnos, solo quiero explicar cómo puedes sacar el máximo provecho de este curso. Si eres nuevo en Google Tag Manager, te sugiero encarecidamente que empieces desde el principio y trabajes tu camino hasta el final. Esto asegurará que tengas todos los conocimientos necesarios para temas más avanzados. Una vez que inicies el curso, no dejes que pasen días o semanas entre clases o empezarás a olvidar lo que ya has aprendido. Confía en mí, tener que volver atrás y sentarse a través de conferencias que ya has visto es un arrastre. Tallar un espacio de estudio y eliminar todas las distracciones. Entonces apégate a ella como lo harías en la universidad. Este espacio puede ser sencillo como un escritorio con una silla y algo discreto de música de fondo. Si tienes alguna pregunta o problema durante el curso, siéntete libre de hacerlos en la sección de preguntas y respuestas o ponte en contacto conmigo directamente. Estaré más que feliz de ayudarte. Un consejo más importante. Toma notas. Si es posible en un cuaderno real. El acto físico de la escritura te ayudará a retener mejor la información. último, pero no menos importante, diviértete y disfruta de tu experiencia de aprendizaje. Estoy súper emocionado de compartir todo contigo. Entonces, empecemos. 2. Etiquetas desactivadas parte 1: En esta lección, echaremos un vistazo a las etiquetas activadas por tiempo y para qué puedes usarlas. Pero empecemos con ¿por qué los necesitarías? Por ejemplo, si volvemos a nuestra sola página, verás que si nos desplazamos o si hacemos clic en el enlace nos quedamos en la misma página. No se recarga. Debido a eso Google Analytics, a pesar de estar cargado, no va a recibir una señal de que realmente estamos haciendo algo en la página. Y una vez que salgamos de esta página, se considerará un rebote. Además, Google analytics rastrea el tiempo en el sitio entre diferentes cargas de página y como no tenemos cargas de página, no obtendrás ningún tiempo en los datos del sitio en tu sitio Web. Podremos una especie de mitigarlos con eventos de tiempo y echaremos un vistazo a esto. También, otra cosa por la que podemos usar eventos de disparador de tiempo es si queremos hacer un mejor remarketing. Por ejemplo, sólo queremos recomercializar a las personas que permanecieron en nuestro sitio por más de un periodo determinado. No rebotaron de inmediato por lo que son más relevantes para nosotros. También podemos activar pop-ups después de una cierta cantidad de tiempo, o podemos rastrear cuánto tiempo alguien estuvo leyendo nuestro blog. Vamos a echar un vistazo a dos ejemplos diferentes. Uno estará activando eventos personalizados de Facebook, que luego podrás usar para hacer remarketing. Y el otro, cómo puedes activar eventos de tiempo en Google Analytics y ver cuánto tiempo la gente ha estado viendo tu sitio Web. Entonces para esto, tenemos que crear una nueva etiqueta que básicamente dispare este evento de píxeles de Facebook. Pero esta vez, lo vamos a hacer un poco diferente. Y vamos a configurar primero el gatillo. Básicamente no importa realmente si configuras disparadores, etiquetas o variables primero, como has visto en lecciones anteriores. Simplemente puedes hacerlo básicamente es a medida que avanzas. Pero quiero mostrarles primero cómo funciona este gatillo y luego nos basaremos en eso. Entonces para esto, necesitamos crear un nuevo gatillo. Un gatillo que disparará después de cierto tiempo. Google tag manager nos proporciona diferentes disparadores. Y para ello, usaremos un disparador de temporizador. Un disparador de temporizador básicamente funciona así que después de una cierta cantidad de tiempo, desencadena un evento. Y este es el nombre del evento que se activará. Y podemos cambiarlo. Y voy a sumar 30 ya que vamos a estar disparándolo después de 30 segundos. Por lo que sabemos que este temporizador es diferente al resto. Entonces tendremos que configurar un intervalo cuando se vaya a desencadenar. Y como dice aquí, es en milisegundos. Por lo que necesitamos escribir 30.000 para eso, lo que básicamente se traduce a 30 segundos. Podemos limitar el número de veces que este evento desencadena. Y como sólo queremos que se dispare, una vez que una persona llega a este hito, escribimos aquí el número 1. Lo último que tenemos que hacer es configurar la condición sobre la que este gatillo realmente se ejecuta. Y tendremos que seleccionar algo aquí y necesitamos crear un filtro. Si quisiéramos que se disparara en solo sitio específico o cuando se establece una variable específica, entonces básicamente podríamos hacerlo. Queremos que se ejecute en cada página. Básicamente podría agregar nuestro nombre de host aquí, pero voy a usar un pequeño truco y lo voy a igualar con REGEX. Si no conoces las expresiones regulares, te sugiero que las investigues un poco ya que es una herramienta realmente poderosa para el emparejamiento de patrones. En este caso, un “.*” básicamente significa cualquier dominio. Por lo que este desencadenador se ejecutará sin importar lo que haya en el nombre de host. Entonces vamos a ver cómo se desencadena este gatillo en nuestro sitio Web. Aquí lo tenemos. Y a pesar de que no hay etiquetas conectadas a este gatillo, este gatillo seguirá disparando en nuestro sitio Web . Actualicemos el gestor de etiquetas y hagamos lo mismo en nuestra tienda demo. Y básicamente, después de 30 segundos, verás que el gatillo se ha disparado. Han pasado los 30 segundos y como pueden ver, tenemos el nuevo gatillo disparando. En este momento ya que no hay etiquetas conectadas a ella nada ha pasado. Pero podemos ver que el gatillo en sí funciona ahora. Si esperáramos otros 30 segundos, no pasaría nada porque limitamos La ejecución a solo una vez. Está bien. Lo siguiente que tenemos que hacer es configurar una etiqueta, por lo que crearemos una nueva etiqueta. Pero antes de continuar, tenemos que llegar en realidad al código de activación del evento desde Facebook. Volvamos a nuestro gerente de negocios de Facebook y seguiremos desde donde lo dejamos en nuestro ejemplo anterior . Entonces volvamos a la pestaña de resumen. Y bajo el desplegable “agregar eventos”. Verás “agregar desde Pixel”. Por lo que esto básicamente permite agregar eventos personalizados, ya sea a través de la herramienta de configuración de eventos de Facebook o instalándolos usando su propio código. Ya que lo estamos haciendo de esta manera, les voy a mostrar cómo hacerlo. Al hacer clic, veremos una explicación detallada de cómo puedes activar eventos personalizados y también algunos eventos estándar con la ayuda del código. No voy a pasar por todo. Pero básicamente lo que estamos viendo es este fragmento de código. Si vamos bajo los eventos personalizados, veremos un ejemplo aquí. Y voy a copiar este código y lo pegaremos en Google tag manager. Por favor recuerda que esta es solo la actualización de la interfaz de Facebook. Por lo que el código pegado a partir de ahora será un poco diferente. Volvamos a nuestro gestor de etiquetas. Ahora tenemos que pegar en algún lugar este código. Y como aprendimos de las lecciones anteriores, podemos usar un HTML personalizado para eso. Entonces sólo lo pegamos aquí. Ya que no queremos activar el evento de visualización de contenido en Facebook. Pero tenemos en mente un gatillo específico, que básicamente se dispara después de 30 segundos. Podemos simplemente cambiar el nombre de esto en a “visto durante 30 segundos”. Esto es todo lo que necesitamos hacer aquí. Y podemos seleccionar un gatillo que acabamos de crear antes de que queramos que este teg se dispare después de 30 segundos. Entonces vamos a seleccionar esto Vamos a guardarlo y probarlo. Vamos, refrescaremos la página y luego tendremos que esperar de nuevo 30 segundos y veremos si nuestro evento disparó con éxito. Cuando estás probando eventos relacionados con el tiempo, lo mejor es simplemente bajar el número de segundos a tal vez como 5s para que se ejecuten más rápido y no tengas que esperar. Pero desde que lo dejé a los 30, esperemos hasta que se desencadene. Y se ha disparado justo ahora. Y podemos ver que evento personalizado de Facebook de hasta 30 segundos fue despedido con éxito. También podemos checar en el ayudante de píxeles de Facebook y veremos que nos dispararon dos eventos, la vista de página , que se estableció en la lección anterior, y se vio durante 30 segundos evento, que se acaba de configurar. Y si lo revisamos en Facebook probando eventos, podemos ver que ha habido algunos eventos despedidos. Podrías usar ahora una audiencia personalizada y hacer una campaña de remarketing que se dirija solo a las personas que vieron tu sitio durante 30 segundos. De esta forma se dirigirá sólo a aquellas personas que al menos mostraron algún interés en su sitio Web. Y no vas a apuntar a todas aquellas personas que se quedaron en tu sitio Web por, digamos, 5 segundos o 2 segundos y ni siquiera tuvieron tiempo para leerlo. 3. Etiquetas activadas en el tiempo: 2 Tiempo en el sitio con eventos de Google: Lo segundo que quiero mostrar es cómo puedes rastrear tiempo que pasas en un sitio web con la ayuda de Google Analytics. Para ello, primero vamos a crear una nueva etiqueta. Usaremos la etiqueta GA4 Events. Entonces tenemos que rellenar los datos del evento. Primero, seleccionemos la etiqueta de configuración y nombremos la hora del evento en el sitio. Sería genial si pudiéramos ver cuánto tiempo ha permanecido una persona a un lado. Así que agreguemos también un parámetro extra llamado tiempo. Pero queremos que esta variable cambie cada vez que se active un evento. Así que vamos a comprobar si tenemos alguna variable en nuestro arsenal. Para lograrlo. Podemos ver que no tenemos nada apropiado en nuestras mejores Variables. Entonces tendremos que crear una nueva variable. Vamos a crear uno. Ahora. Bajo las variables predefinidas, lamentablemente no tenemos ninguna variable que nos devuelva el tiempo transcurrido Podríamos usar un JavaScript personalizado para programarlo y devolver la diferencia entre la carga de la página y ahora. Pero hay una opción más fácil y podemos descubrir más tipos en la galería de plantillas de la comunidad. Ya sé que hay una variable llamada tiempo transcurrido para esto Pero si no lo sabes, siempre puedes buscarlo aquí en la barra de búsqueda. Discutimos brevemente las plantillas de la comunidad en la lección anterior. Pero como puedes ver, hay algo así como scripts o variables que ampliarían las capacidades de Google Tag Manager. Éste específicamente, como dice en la descripción, obtiene el tiempo transcurrido desde que los scripts GTM, el script comenzó a Esto es básicamente exactamente lo que necesitamos. Es por ello que si no encuentras ninguna variable predefinida son Tags, siempre puedes buscar en el repositorio de la comunidad. Si tampoco los encuentras aquí, entonces tienes que personalizar la programación en JavaScript. Todo lo que tendrás que buscar en otro lado. Bien, así que vamos a configurarlo en nuestro espacio de trabajo ahora. Se edita automáticamente a nuestra configuración variable y obtenemos algunos ajustes más. Ya que este tiempo se devuelve en milisegundos. Esto va a parecer bastante confuso en nuestro Google Analytics. Sólo podemos convertirlo a segundos. Nombremos esta nueva variable, tiempo transcurrido en segundos. Bien. También tenemos que configurar un Trigger. Podríamos usar un Trigger que ya creamos, pero este disparador solo se dispara una vez. Entonces para este propósito, vamos a crear un nuevo disparador. También seleccionaremos el tiempo Trigger, y vamos a llamarlo hora 20, porque vamos a activarlo después 20 s y no vamos a limitarlo. Así que vamos a seleccionar el nombre del host de la página nuevamente y emparejarlo con RegEx como queríamos activar en cada página Bien, así que ya estamos todos dichos y hechos. Simplemente lo guardan y lo prueban. Ahora, esperemos 20 s. Bien. Ahora la tecnología se activa y vemos nuestros eventos personalizados por cada 20 s ha disparado. También podemos verificar si todo funciona bajo la vista de depuración. Y verás que nuestro evento en Time on Site Con el parámetro sosteniendo el segundo ha sido Activado con éxito. Bien, no voy a dejar estos eventos desencadenando cada 20 s. Solo quería demostrarte cómo puedes usar este disparador de una manera diferente Entonces ahora voy a eliminar estos eventos personalizados por cada 20 s. También voy a quitar el disparador. Y ya pueden ver, porque aún no he publicado la versión, simplemente puedo abandonar los cambios aquí mismo. Entonces esto está ayudando. Puedes usar un disparador de tiempo. Una cosa más a tener en cuenta aquí es que esta vez Trigger, seguimos activando sin importar si hay un enfoque en tu sitio web o no Entonces, por ejemplo, he tenido esta pestaña ejecutándose en segundo plano. En realidad nadie estaba mirando la página. Sin embargo, el Triggerado siguió activándose, como puede ver aquí en la vista de depuración Entonces esta no es la herramienta súper efectiva para medir la hora correcta en el sitio, pero es algo que podría darte algunas ideas adicionales. Hay, por supuesto, algunas soluciones que puedes hacer para que esto funcione mejor, como solo desencadenar el evento si la pestaña Pero esto requerirá que programes un poco de scripts VBA para eso Y no vamos a hacer eso en esta lección 5. Seguimiento de la distancia de desplazamiento en el tiempo, parte 1: Bien. La toma de pergamino está todo bien, pero como verás, hay algunos problemas con ello. Por ejemplo, si me desplazo por este artículo bastante rápido, obviamente en realidad no he leído el artículo. Los eventos aún están desencadenados. Esta no es la mejor manera de medir si el visitante ha visto o leído la página específica. ¿Hay alguna manera de que podamos mejorar este seguimiento? Bueno, una cosa que podemos hacer es volver a nuestro administrador de etiquetas de Google y no activar este evento solo en la distancia de desplazamiento, sino también solo después de cierto tiempo. Esto tendrá un mejor efecto. Si alguien se ha desplazado demasiado rápido, los eventos no serán registrados Pero si realmente leen la página, los eventos se dispararán cuando sea necesario. Volvamos a nuestros disparadores y volvamos a abrir el disparador de profundidad de desplazamiento. Esta vez queremos que se active no solo en páginas específicas sino también después de cierto tiempo. ¿Cómo podemos hacer eso? Simplemente podemos hacer esto volviendo a usar una de nuestras variables creadas anteriormente llamada lapso de tiempo. Si por ejemplo queremos que este disparador se active después de que una persona pase al menos 30 segundos o más en nuestro sitio web, básicamente podemos verificar si esta variable es mayor a 30. Ahora vamos a guardarlo. Vamos a intentarlo de nuevo. Si nos desplazamos ahora, verá que el evento de profundidad de desplazamiento aún se dispara. Pero si lo comprobamos, veremos que no se ejecutaron tanques. Si volvemos a desplazarnos un poco más, retrocedamos. Lo mismo sucede ahora si revisamos la sección variable, veremos que el número de segundos transcurridos aún no es 30. Pero si esperamos un poco más, el temporizador pasa 30, también podremos activar el evento scroll. Ahora bien, si nos desplazamos más, el siguiente evento de profundidad de desplazamiento debería activar la etiqueta. Bien, vamos a comprobarlo. Ahora vemos que el tiempo transcurrido en segundos es superior a 30 y nuestro evento GA, scroll track en Google Analytics ha sido disparado También podemos comprobarlo en nuestro Google Analytics y veremos que el disparador del 75% se ha disparado con éxito. Si nos desplazamos más abajo en la página, el 90% también se registrará. Esta es una forma mucho mejor y más efectiva de rastrear la distancia de desplazamiento ayuda de temporizadores y esto te dará datos más relevantes sobre qué personas están leyendo tus artículos y cuáles no. que tener en cuenta que este tipo de disparadores sólo se activan una vez. Cuando me desplace hacia atrás por la página, no se activarán. Nuevamente, tenga esto en cuenta al configurar la duración de este temporizador. Si lo pones demasiado bajo, es posible que no tenga el efecto deseado. Lo mismo ocurre si lo pones demasiado alto, entonces un visitante podría leer la mayor parte de tu página antes de que alguno de tus eventos se active. Bien, antes de terminar esto, podemos verificar si nuestro filtro para rastreo también está funcionando en algunos otros lados. Porque lo limitamos a la página del blog solo si voy a nuestra página de tienda, la etiqueta no debería estar disparando. Vamos a probar esto. Espere 30 segundos. Volveremos a checar en poco tiempo. Bien, ya pasaron los 30 segundos. Eso lo vemos porque nuestro temporizador se ha disparado. Si nos desplazamos un poco más abajo la página y verificamos la profundidad de desplazamiento, ahora vemos que ninguna de las etiquetas fue disparada. También hay una manera genial de depurar estas etiquetas y ver por qué fueron o no disparadas. Si hacemos clic en nuestra etiqueta de desplazamiento GA, veremos una Cruz Roja aquí, lo que significa que no ha sido disparada. Puedes hacer clic en cualquier etiqueta y obtendrás más detalles sobre el disparo de esta etiqueta. Se puede ver que en Disparando disparadores, la profundidad de desplazamiento en el blog no se disparó. ¿Por qué no se disparó? Porque la URL de la página no contiene blog, pesar de que el tiempo transcurrido en segundos fue mayor a 30 Si revisamos el evento anterior, veremos que aquí, no se cumplieron ambas restricciones. El tiempo en el lugar fue inferior a 30. No estuvimos en nuestro blog. Esta es una gran manera de que puedas revisar las etiquetas si no estás seguro de por qué no están disparando o si están disparando y no deberían estarlo. 6. Enlaces salientes de seguimiento de clics, parte 1: Ahora echemos un vistazo a cómo podemos rastrear diferentes tipos de clics en su sitio web. Desde cerdos y botones hasta clics en Enlaces salientes e incluso enlaces internos como descargas finas, clics de formularios, etc. Entonces, ¿por qué querrías rastrear todo este tipo de clics? Bueno, la razón más común es entender mejor tu comportamiento de usuario. Como puedes imaginar, todos los usuarios de tu sitio web. Lo que hacen es hacer clic en diferentes enlaces, diferentes subpáginas, Botones , llamadas a acciones, formularios, etc. Entonces lo que quieres saber es el panorama más amplio de lo que está pasando. Por ejemplo, si se ha hecho clic en una subpágina específica o un botón específico, por supuesto, podría interesarle en una página específica en la que se haga clic en los Enlaces con mayor frecuencia Y si tienes algunos Enlaces Salientes, como tus socios, por ejemplo, o tus redes sociales, te gustaría saber cuáles de estos son los más populares o más útiles para tus visitantes Por supuesto, si estás haciendo algún tipo de promoción de afiliados y diriges tráfico a otras páginas, entonces también querrás medirlas también. Hay algunos de estos casos que puedes cubrir rastreando todas esas interacciones. Lo primero que realmente deberías tener es un plan sólido. Qué y por qué desea realizar un seguimiento de clics específicos. Si solo vas a rastrear todo a la vez, entonces probablemente te perderás en todos los datos que recopiles. Al final. Probablemente ya ni siquiera lo vas a mirar. Entonces eso sería un desperdicio total de tus datos de seguimiento. Lo primero que tendremos que hacer es configurar un Click Trigger para que podamos consultarlo en nuestra página web, ver cómo se comporta y qué podemos obtener de él Entonces tenemos que activar opciones, todos los elementos, y solo Enlaces. La diferencia entre ellos es que solo Enlaces solo comprueba. Si se hizo clic en un enlace. El te lleva a una página diferente, subpágina, o si es un enlace saliente a otro sitio web Y todos los Elementos se activarán al hacer clic en cualquier elemento o cualquier parte de su sitio web. No importa si es un enlace o cualquier otra cosa. Y revisaremos a granel los dos. Pero comencemos con solo Enlaces por ahora. Porque es un poco más fácil. Una vez que creamos estos disparadores, tenemos un par de opciones. El primero es esperar a Tags. Si revisas esto, obtendrás algunas opciones más para establecer. Y lo que esto hace es básicamente esperar cualquier texto que pudiera ser disparado debido a este disparador Si te imaginas, inmediatamente al hacer clic en un enlace, tu navegador querrá enviarte a otra página. Y si este enlace no se abre en una pestaña separada, entonces la Etiqueta que está atada a este disparador podría no disparar por completo o disparar en absoluto. Entonces, en este caso, realmente querrías esperar solo un poco más para asegurarte de que el impuesto total conectado a este Trigger haya disparado y completado con éxito sus tareas. Por defecto. Hay un retraso de dos segundos, pero puedes cambiarlo si quieres El otro es la validación de cheques. Y lo que esto básicamente hace son cheques. Los clics en los enlaces realmente harán lo que se pretende que sea la acción. En ocasiones se puede tener un JavaScript bloqueando la ejecución de redirección del enlace o ejecución de foros enviar o algo así Básicamente se asegurará de que uno se haga clic en el enlace Que en realidad hará la acción requerida y no solo se detenga por un guión o algo más. Sólo voy a dejarla desmarcada por ahora. Si ha seleccionado esperar etiquetas, entonces básicamente recibe una notificación que le advierte. Debe ejecutarse solo en páginas específicas. Porque cada vez que hagas clic en un enlace, Google Tag Manager lo pausará por esta cantidad de tiempo. Así que tu página podría parecer muy lenta. Y con estos filtros, puedes establecer dónde deben dispararse estos Trigger. Para nuestros propósitos de prueba. Voy a desactivarlo por ahora. Y sólo voy a dejarlo a todos los clics. Simplemente lo nombran y se guarda la Etiqueta. Como hicimos para el disparador de tiempo. También queremos establecer algunas Variables de construcción para obtener datos adicionales sobre los clics que se activarán Así que vamos a pasar por debajo las Variables incorporadas y veamos qué tenemos disponibles. Debajo de la sección de clics. Puedes ver que tenemos un montón de variables predefinidas disponibles desde el elemento click, Click Classes, click ID , target, URL y texto. Por ahora, vamos a revisarlos todos. Posteriormente. Si vas a ver el Trudeau nuevo algunas de estas variables, puedes deshabilitarlas en cualquier momento Bien, probemos esto en nuestro sitio web. Como pueden ver, si hago clic aleatoriamente alrededor de la página, no pasa nada. Pero si hago clic en, digamos un bloque, entonces verás que se activan los clics de un enlace. Y si hacemos clic en él para obtener algunos detalles más, veremos que ninguno de los textos está disparado porque no hemos establecido ninguno. Pero si vamos por debajo de las variables, veremos que todas estas variables adicionales que habilitamos nuestro ser pobladas, Click Elements, click ID, target, y así sucesivamente. Entonces estas son todas las variables que podemos usar cuando trabajamos con estos Enlaces. Volvamos a Google Tag Manager. Ahora bien, si queremos centrarnos solo en uno Enlaces salientes, entonces tenemos que modificar nuestro disparador para que solo se active cuando se hizo clic en un enlace saliente Podemos hacer esto filtrando solo a algunos de los clics de enlace, no a todos ellos. Y luego tenemos que seleccionar una variable que básicamente definirá eso. Podríamos usar nuestra URL de clic para verificar que no contiene nuestro dominio. Pero Google Tag Manager en realidad nos dio una mejor manera de hacer esto. Tenemos una variable especial para eso y podemos crearla, especialmente para este propósito. Entonces lo que necesitamos es básicamente una variable de evento al aire libre. Esta es una variable realmente poderosa. Esto te dará algunos datos extra. Lo usaremos para detectar si una URL de elemento es en realidad una URL entrante o saliente, solo la seleccionaremos Saliente y aquí mismo, todos los dominios afiliados Lo que necesitamos ingresar aquí son ahora subdominios de nuestro dominio primario que deseamos agrupar y considerar como el mismo dominio Si por ejemplo, escribiéramos este dominio que usamos, esto nos permitirá tener todos los enlaces que no venimos de este dominio y subdominio para ser considerados Entonces, si quieres agregar un subdominio nítido, entonces estos dos dominios se considerarían iguales No necesitamos hacer esto para todos los subdominios. Si no queremos, podemos simplemente enviar nuestro dominio principal. Y básicamente comprobará si esta parte está en algún lugar de dominios. Así que ya casi terminamos. Y esta variable ficticio en realidad devolverá true si los elementos click es el Outbound o false si es Ahora, pongámosle un nombre y probemos las cosas. ¿Bien? Comprobemos si es igual a true. Y si lo es, entonces lo activaremos. Y simplemente cambiaremos el nombre de estos clics de todos los Enlaces a Enlaces de Salida Ahora vamos a guardarlo y crear una etiqueta. Si queremos registrar todos estos clics en Google Analytics, básicamente solo seleccionamos Google Analytics que disparará un evento. Seleccionamos la configuración Etiqueta y nombramos el evento como nos guste, y lo nombramos Outbound click En este punto, me gustaría mencionar el GA4 puede rastrear los clics salientes automáticamente Si configura una medición mejorada en el GA4. Solo te estoy mostrando este ejemplo, pero puedes aplicar este conocimiento a otros casos que te puedan resultar útiles. Bien, continuemos. Después de nombrar el evento, podemos establecer algunos parámetros adicionales. Estos son opcionales, y si no los necesitas, no necesitas configurarlos. Todos. Acabo de decir el enlace Outbound para que podamos ver dónde fueron redirigidos para nombrar estos parámetros URL y seleccionar la variable apropiada Ahora, vamos a seleccionar el disparador que creamos. Entonces haga clic en Enlaces salientes, lo nombrará. Y ahora podemos probarlo ya que hacemos clic en nuestro enlace de tienda. Y este es un vínculo interno. Verás que ninguno de los textos que despidió. Pero si hacemos clic en el Google, que es el enlace desatado, entonces podemos ver la GA, desagregando la etiqueta de clic realmente disparada Entonces, si hacemos clic en él, veremos que este es un enlace de salida Y si hacemos clic en el anterior, lo comprobaremos y veremos que esto no es cierto. Ahora, vamos a cerrar todas estas pestañas porque no las necesitamos. Y también podemos verificar en Google Analytics. Si solo vas por debajo de los eventos en tiempo real. Y veremos que nuestro enlace Outbound ha sido activado 7. Seguimiento de clics, parte 2 del buttón y otros elementos: Bien, así que echemos un vistazo ahora cómo podemos rastrear algunos otros botones, como agregar al carrito o hacer clic en la imagen en mi configuración Este es un enlace extra. El botón Click on this activa los eventos de este enlace, aunque no dispara la Etiqueta. Pero si comprobamos en la página del carrito, tenemos algunos botones que tienen JavaScript atado a ellos. Primer ejemplo, este botón de aplicar cupón. Si hago clic en él, básicamente solo dice ingresar un código de cupón. Y no registramos una camarilla porque no hay ningún vínculo atado a ella. Así que echemos un vistazo a cómo podemos contratar este tipo de Botones son clics en cualquier lugar de tu sitio web con Google Tag Manager. Anteriormente, hemos seleccionado solo los tipos de eventos de enlace. Ahora, vamos a agregar el nuevo trigger, que todos los elementos este Trigger con trigger cada vez que hacemos clic en cualquier parte de tu sitio web. Así que vamos a probarlo. Como se puede ver. Al hacer clic en el sitio web en cualquier lugar, el evento click se activa. Si hago clic en el formulario o tarjetas, donde quiera que haga clic, este evento se activa. Si queremos filtrar para registrar solo clics en Botones específicos, lo que tenemos que hacer es que tenemos que establecer algunos filtros. Entonces echemos un vistazo ahora cómo podemos hacer eso. Primero. Lo que podemos hacer es que podemos hacer click en el propio botón. Entonces podemos verificar qué Variables se establecieron. Por estos click. Podemos ver que tenemos un conjunto de variables de clase click y está configurado en botón. También vemos que el Click Elements es un elemento de botón HTML. No tenemos ninguna idea o conjunto de objetivos. También tenemos un click Text set para aplicar cupón. Si quisiéramos simplemente arrastrar este botón específico, básicamente podríamos establecer el filtro para este disparador para solo se desencadene cuando haga clic en Texto es igual a aplicar cupón. Así que vamos a copiarlo y lo configuraremos. Por lo que necesitamos nuestro clic Texto para igualar aplicar cupón. Vamos a guardarlo. Y antes de que podamos verlo en acción, también tenemos que atarle una etiqueta. Así que vamos a hacer esto ahora rápidamente. Voy a crear un nuevo GA4 Events y nombrarlo como cupón No vamos a establecer ningún otro parámetro porque actualmente no los necesitamos, que va a establecer la etiqueta de configuración y seleccionar nuestro Trigger. Ahora vamos a guardarlo. Y si volvemos y hacemos clic en cualquier parte de la página, el evento click sigue registrado, pero esta baraja no se dispara. ¿Bien? Ahora, ¿qué pasa si hacemos clic en el botón de aplicar cupón? Entonces como pueden ver, nuestra etiqueta ha disparado como debería. Nuevamente, podemos comprobar por qué sucede esto y veremos el clic en cualquier lugar que se haya satisfecho la condición de disparo. Mientras que en el clic anterior, haga clic en Texto no era igual para aplicar cupón. Por eso está en llamas. Generalmente, te gustaría hacer un seguimiento de todos los botones en los que se ha hecho clic Entonces por eso es importante usar Variables. Y aquí se puede ver que se trata de un botón de clase. Así que volvamos a nuestra tienda y veamos si todos los Botones tienen este conjunto de clase. Así que vamos a hacer clic en Agregar al carrito. Ahora, vamos a echarle un vistazo. Y como puedes ver, este botón tiene múltiples clases establecidas. Uno es botón, uno es tipo de producto, simple botón Agregar al carrito y así sucesivamente. Así que ahora podemos cambiar nuestro disparador para dispararlo solo en Buttons porque sabemos qué clase usar. Así que volvamos a los disparadores y seleccionemos clic en cualquier lugar. Y primero cambiémosle el nombre para hacer clic en los botones. Ahora, volvamos rápidamente y tenemos que asegurarnos de que la clase click contenga el botón. Entonces seleccionaremos la clase click. Y no lo vamos a dejar en iguales, porque eso significaría que todo el nombre de la clase tiene que ser igual a Buttons. Y como vimos en algunos botones, tenemos algunas clases extra. Si queremos, dosis objetivo Botones también, tenemos que seleccionar contiene. Y luego escribiremos botón. Vamos a guardarlo. Actualicemos nuestra página. Y vamos a hacer clic en Agregar al carrito. Comprobemos si este clic. Y veremos que la tecnología disparada como clase click contiene el patrón de nombre. Si vamos a la página del carrito y hacemos clic en aplicar, cupón, veremos los mismos incendios del evento. Y si lo comprobamos en Google Analytics, veremos que ese evento aplica. Se ha despedido el cupón. Lo cual por supuesto no es bueno. Ahora estamos activando está en todos los Botones. Así que cambiemos rápidamente nuestra etiqueta también. Si volvemos a nuestra Etiqueta y seleccionamos Eventos, da clic en aplicar cupón y cambiando ahora a Botones. Después cambiaremos el nombre a clic de botón. También podemos establecer eventos adicionales para hacer clic en ID. Entonces, si tenemos diferentes Botones con el mismo texto, podemos diferenciarlos. Ahora vamos a guardar esta baraja. Pruebalo. Ahora, haremos clic en aplicar cupón. Y vayamos también a la tienda. Y también haremos clic en el botón Agregar al carrito. Ahora, comprobemos en Google Analytics si todo se disparó correctamente. Y deberíamos ver los dos Buttons clicar eventos, tener fuego. Por supuesto, también puedes consultar todos estos con Google Tag Assistant si quieres. Entonces esta es la forma en que podrías rastrear todos los botones y todos los enlaces en tu sitio web. Simplemente tienes que decidir cuáles son realmente importantes para que puedas rastrear 8. Lectura y escribir galletas de primera fiesta: En las lecciones anteriores, comprobamos cómo puedes rastrear lo que están haciendo tus visitantes en tu sitio Web? Hablemos un poco de cómo puedes persistir esta información a lo largo de la sesión o entre diferentes páginas o quizá periodos más largos como días o semanas. Para esto, necesitamos algún tipo de contenedor de almacenamiento donde podamos almacenar algunos datos y recuperarlos más adelante. . Los navegadores ya tienen este mecanismo y se llama cookies. Entonces vamos a hablar un poco sobre por qué querrías almacenar estos datos. Qué datos querrías almacenar y cómo configurar y leer las cookies del gestor de etiquetas de Google . Discutamos primero por qué en realidad usarías cookies. Por ejemplo, si desea hacer una acción o si desea disparar una etiqueta después de que su visitante haya visitado su sitio Web cinco veces, o si vio un formulario específico tres veces o si hizo clic en algunos productos para que pueda actuar cuando llegue a un determinado umbral. Y aquí es donde las galletas son realmente útil. Se puede almacenar este tipo de información en cookies. Además, si cuenta con un formulario de registro, puede almacenar de manera preventiva alguna información que este usuario haya registrado previamente o haya ingresado en su sitio Web. Y quizá puedas mostrarles algunos otros datos en tu sitio Web. Además, si estás ejecutando un programa de afiliados y no estás usando ninguna de las plataformas existentes, simplemente puedes almacenar el ID de afiliados de quien realmente vino tu potencial cliente puedas atribuirles las conversiones si así lo sucede. Vamos a echar un vistazo a cómo utilizar las cookies en un escenario específico donde se desea recordar de dónde desde el tráfico inicial llegó a su sitio Web. Entonces para esto, vamos a usar un parámetro de referencia y vamos a echar un vistazo. Qué página te envía al tráfico para que puedas usar esta información más adelante en la analítica? Por defecto Google Analytics ya almacena esta información. Pero si estás usando diferentes subdominios o si estás conduciendo tráfico a un proveedor externo de pagos , podría perderse. Almacenarlo en la cookie asegurará que en la página de agradecimiento o cuando se produzca realmente la conversión, tendrá esta información en. Podrás almacenarlo en Google Analytics. Una cosa más a tener en cuenta es que las cookies dependen del navegador. Por lo que sólo se almacenarán en el navegador actual. Acude a tu sitio Web con diferentes navegadores, entonces estas cookies no serán transferidas. Además, si visitan en modo privado o desde un dispositivo diferente como el móvil y luego su PC, no podrás leer esas cookies. Ahora vamos directo a ello. Preparé una página de pruebas, donde básicamente tenemos sólo el enlace que nos redirige a nuestra tienda de cursos de prueba GTM. Y se puede ver el dominio aquí arriba. Y si hago click en él. Nuestra tienda carga y podemos consultar en la página ver eventos bajo variables. Que el referente era este dominio. Y esto es exactamente lo que queremos almacenar en las galletas. Una vez que esté navegando por el sitio Web. Si ahora voy al blog. Una referencia a una página de blog será la página anterior, por lo que el predeterminado gtm.outtale.com Así que echemos un vistazo a las variables. Y ya ves, la página anterior es un referente. Lo que queremos hacer es recordar al primer referente y guardarlo en la cookie. Y echemos un vistazo cómo podemos hacer eso. El primero que necesitaremos es algún tipo de forma de leer y escribir estas cookies. Para leer cookies. Básicamente se puede utilizar una variable definida por el usuario y simplemente se puede recuperar el valor de una cookie en esta variable. Pero para escribir, ellos no hay mecanismo actualmente en Google Tag Manager. Entonces para esto irá a plantillas y añadiremos una nueva plantilla de etiquetas. Y solo buscaremos y el primero que veas es un creador de Cookie. Por lo que acabo de agregar a nuestro espacio de trabajo. Por ahora, sólo estaremos de acuerdo. Y tenemos esta plantilla de etiqueta creada. Tenemos que configurar algunos permisos en esta plantilla así así que ve debajo del paso de permiso aquí, verás todo el permiso. Esta plantilla tiene para que pueda iniciar sesión en la consola y puede cambiarla o puede establecer el valor de la cookie. esta sección necesitamos configurar todas las cookies que queremos utilizar. Vamos a cambiar esto por lo que estará almacenando dentro de “original_referrer”. Yo lo voy a guardar. Y ahora en realidad podemos hacer algún trabajo. Entonces el proceso de trabajo va a ser así. En primer lugar, tenemos que comprobar si la cookie ya está configurada. Si lo es, entonces ya tenemos esta referencia original y no deberíamos volver a configurarla. Si no está configurado entonces tenemos que obtener el valor de la referencia y almacenarlo en la cookie. Para esto, vamos a crear una nueva etiqueta. Y tenemos que comprobarlo en todas las páginas. Pero esto no nos dará la información extra que necesitamos por lo que tenemos que crear un nuevo gatillo para eso. Y vamos a crear un nuevo disparador de vista de página como queríamos correr en todas las páginas pero con una excepción, sólo si esta cookie aún no se ha establecido. Por lo que tenemos que comprobar una variable que contenga nuestro valor de cookie y comprobar si está configurada o no. Todavía no tenemos este valor porque no lo hemos creado. Entonces vamos a crear nueva variable para leer cookies. Como mencioné, tenemos un tipo de variable ya establecido. Y aquí está, galletas de primera fiesta. Por lo que podemos simplemente seleccionarlo, establecer un nombre de cookie. Y ahora tenemos que asegurarnos de que esta variable no se haya establecido antes. Desafortunadamente, Google tag manager no nos da ninguna forma de comprobar si se ha establecido o no una variable . Entonces solo comprobaremos si es igual a “indefinido”. Vamos a nombrar, el gatillo. OK. Esta etiqueta se va a disparar en todas las páginas. Si aún no se ha establecido la cookie. Entonces si este es el caso, entonces necesitamos configurar esta cookie y podemos hacerlo seleccionando nuestro creador de cookies de plantilla recién creado. Nómbralo y establece un valor de cookie para esto. Simplemente utilizaremos el referente variable. Y ahora necesitamos seleccionar el modo de caducidad. Esto define básicamente cuándo caducará la cookie. Por lo que por defecto, se selecciona la sesión y la sesión está ligada solo a la sesión del navegador si el navegador se cierra. Esta galleta se perderá si queremos recordar esto por más tiempo. Vamos a configurarlo por 30 días. Básicamente estamos terminados. Ahora, podemos probar si esto funciona. Volvamos a nuestra página de referidos y hagamos clic en el enlace. Cuando nuestra página se cargue, podemos comprobar el evento de vista de página activado y veremos que nuestro creador de cookies se ha disparado con éxito si hacemos clic en él. Ya veremos que se han cumplido todas las restricciones. El referente de cookies no se ha establecido antes y que todo funciona. Ahora bien, ¿cómo se comprueba si la cookie se ha configurado con éxito? Hay algunos plugins de Chrome que puedes usar para eso, o puedes usar una herramienta de desarrollador nativa de tu navegador. Si estás usando Firefox o Chrome, simplemente puedes activarlo pulsando “F12". De lo que nos interesa es la parte de aplicación de la misma. Y en la aplicación, verás que bajo almacenamiento tenemos cookies. Y si seleccionamos nuestro dominio, obtendremos todas las cookies que se han establecido en este dominio. Entonces busquemos nuestra cookie. Y al hacer clic en él, vemos que el valor se ha establecido correctamente en este dominio. Ahora, también podemos comprobar nuestras variables para ver si nuestra cookie de primera fiesta se ha leído con éxito. Y como vemos la variable referrer cookie que hemos establecido también lee el mismo valor. Pero, este valor no está formateado bien. Entonces arreglemos esto primero y luego actualizaremos la página y veremos si la cookie se restablece o si solo obtenemos el valor anterior. Entonces para solucionar esto, podemos ir por debajo de las variables y bajo nuestra variable de referencia de cookies y podemos habilitar la cookie de decodificación URI. Esto básicamente reemplaza todos esos caracteres codificados por los normales. Y verás la URL de crrect. . Sólo vamos a guardarlo. Y refrescarlo. Y vamos a hacer click en, por ejemplo, en nuestro blog. Ahora bien, si todo funciona correctamente, ya no deberíamos ver la etiqueta disparando. Y ya en el resumen, no lo vemos. Pero solo para asegurarnos de que podamos hacer clic en la vista de página, y cierto, este creador de cookies no ha sido despedido. Podemos hacer click en él y veremos que por supuesto, ya se ha establecido la variable referrer de cookies . Ya no es indefinido. Y por eso este gatillo no disparó. Si vamos por debajo de las variables y encontramos esta variable entonces también podemos ver que la URL se ve mucho más bonita. Esto es básicamente así. Tenemos este valor almacenado y va a estar en la galleta por 30 días. Y puedes hacer con esta variable ahora lo que quieras. 9. Simplificar los enlaces con la ayuda de los cuadros de búsqueda: En esta lección, quiero presentarles buscar tablas. Por lo que una tabla de búsqueda es básicamente una matriz que contiene índices y valores y asigna un valor de salida basado en el de entrada. Déjame mostrarte rápidamente cómo se ve esto. Simplemente voy a abrir rápidamente en una mesa de búsqueda solo para que puedas tener una mejor idea al respecto. OK. Entonces como ves, tenemos una variable de entrada y en base al tipo de la variable de entrada. Por ejemplo, 1, 2, 3 o 4 definimos un valor de salida. Por ejemplo, uno en palabra, dos, tres y cuatro. Entonces, lo que básicamente haría esta tabla de búsqueda es traducir números en palabras. ¿ Por qué necesitarías tablas de búsqueda? Podrías usarlos, por ejemplo, si estás ejecutando tu mismo contenedor en varias cuentas y tienes diferente código de Google analytics. Por lo que de esta manera podrías atar un dominio a una cuenta de Google Analytics y el segundo dominio a otro y así sucesivamente. Lo mismo vale para, por ejemplo, Google ads ID y tal vez píxel de Facebook y así sucesivamente. Entonces este es un caso. Otra podría ser que tengas, por ejemplo, ID de afiliado y luego puedes asignar cada ID a un nombre de afiliado y almacenarlo tal vez Google Analytics o en algún lugar. Entonces, cuando miras los reportes, de inmediato sabes de qué afiliado estás obteniendo el tráfico . No es que solo veas números. O en nuestro ejemplo, como les mostraré, básicamente crearemos parámetros UTM a partir de fragmentos hash en la URL. Digamos que tienes unos parámetros UTM para una campaña específica y estás conduciendo el tráfico desde un boletín de correo electrónico a tu tienda y estás haciendo una venta de sombreros. Por ejemplo, en el boletín y normalmente lo que harías, agregarías todos estos parámetros UTM en la URL. Pero esto parece largo. Muchas veces puedes cometer errores cuando la gente los copia, los reutiliza. Si no eres lo suficientemente proficiente en escribir esto directamente, tienes que usar algunas otras herramientas. Se puede utilizar una versión más limpia y sencilla, que además especie de oculta todos estos parámetros. Y como que se ve así. Entonces, en lugar de todos estos parámetros, puedes usar este fragmento hash y simplemente crear esos parámetros UTM en Google Analytics basados en estos. Y esto es exactamente lo que les mostraré cómo hacer. Primero lo primero. ¿ Cuáles son estos fragmentos? Estos fragmentos suelen ser enlaces de anclaje en el sitio Web. Entonces si haces clic en un enlace específico y solo te conduce a algún lugar de la misma página. Esto generalmente se logra con estos anclajes. Y como Google Analytics no los rastrea, son la herramienta perfecta para reemplazar los parámetros UTM. Yo sugeriría que debas tener un plan separado, al menos para estos para que no mezcles todas estas campañas. Hay un inconveniente por usarlos. Si tienes muchas páginas individuales que usan ragments de etiquetas hash para enlaces o para la navegación a lo largo de la página y estás empujando tu campaña a esa sección específica, entonces no puedes usar dos fragmentos de etiqueta hash diferentes . Solo se puede usar uno a la vez. Entonces en ese caso, probablemente no querrás usar este método. Pero como el propósito de todo este experimento es mostrarte cómo funcionan las tablas de búsqueda, empecemos y ya veremos. OK. Entonces lo primero que tenemos que hacer es obtener este valor de la URL y tenemos que almacenarlo en nuestras variables definidas por el usuario. Y cómo podemos hacer eso es bastante sencillo. Creamos una nueva variable y seleccionamos la URL porque esta es la parte de la URL y luego solo seleccionamos qué parte de la URL queremos guardar en nuestra variable. Y solo estamos seleccionando la parte del fragmento. Vamos a nombrar la variable. A continuación, necesitamos crear una tabla de búsqueda, por lo que volveremos a nuestras variables y vamos a seleccionar una tabla de búsqueda antes de hacer esto. Quiero señalar que en realidad hay dos variantes de esta tabla, y la que vamos a utilizar es la tabla de búsqueda. Pero también hay una tabla RegEx que funciona realmente de manera similar. Pero en lugar de índices, usa patronos. Y te explicaré cómo funciona después de que terminemos esto. Pero para ello, sólo usaremos una tabla de búsqueda. El primero que necesitamos seleccionar es nuestra variable de fragmento de URL recién creada, que devolverá solo la parte del fragmento de URL. Cuando estamos planeando nuestras campañas, debes decidir cuáles son estos valores o cuáles deben ser estos patrones . Me gusta usar un “C_1" como subrayado de campaña y luego el número de la campaña. Esta tabla de búsqueda específica devolverá sólo una parte de toda la serie UTM. Como puedes ver en parámetros UTM, tenemos fuente, tenemos medio, y tenemos parámetros de campaña. Y lo primero que vamos a hacer, sólo lo vamos a armar para una campaña. Si queremos configurarlo para medio y fuentes, también, entonces tendremos que crear dos tablas de búsqueda más, que hará en tan solo un segundo. Por lo que esto va a estar relacionado con la sección de campaña. Y para “C_1" seleccionaremos la venta de sombreros. Y entonces, claro, podemos tener otra campaña. “ C_2", que elegirá como venta de primavera. Entonces, básicamente, por cada campaña que hagas, tendrás que añadir una nueva fila. Tendrás que asignarle un valor y luego asignar el parámetro UTM que correspondería a eso. Ahora necesitamos crear dos tablas de búsqueda más. Y para esto, solo voy a usar la GTM copy y paste y duplicaré esta variable dos veces y luego simplemente las actualizaré y les renombraré el nombre. Está bien. Y vamos a añadir otro. Ahora, sólo modifiquemos esas tablas. Por lo que la segunda será mediana. Y lo hará un correo electrónico. Y para la fuente, pueden ser boletines. Está bien. Por lo que tenemos configuradas ambas campañas y podemos guardar esas variables. Ahora, cada vez que quieras agregar una nueva campaña UTM, básicamente agregas una fila en el medio de campaña y la sección fuente. Después de hacer esto ahora solo podemos comprobar las variables de valor en el sitio Web. Y luego podemos crear una etiqueta que los disparará en el Google Analytics. Entonces vamos a refrescarlo. Adelante y refresquemos este. Si seleccionamos ahora la vista de página y vamos por debajo de variables, veremos si esas tres variables se han poblado correctamente. OK. Entonces aquí están. Si escribimos una campaña diferente veremos que esos parámetros serán poblados por la otra campaña. Por lo que venta de primavera. OK, entonces pongamos todas estas variables en nuestro análisis de Google. Hagámoslo ahora. Para que esto funcione, no necesitamos crear una nueva etiqueta solo necesitamos modificar una configuración analítica de Google existente. Básicamente, Google Analytics nos permite enviar algunos datos extra con cada hit o vista de página. Y si estamos usando la configuración de Google analytics, entonces simplemente puedes enviar estos datos los cuales todos esos eventos. Vas por debajo de tu configuración de Google Analytics, haz clic en más ajustes y tienes un montón de cosas que puedes establecer aquí. Y nos vamos a centrar ahora mismo en esos parámetros UTM. Entonces vamos a establecer los campos. Agregaremos un nuevo campo y escogeremos fuente de campaña. Y para el valor, solo agregaremos nuestra tabla de búsqueda, con el parámetro fuente UTM. Vamos a hacer esto por los tres. Está bien, así que vamos a ver cómo funciona esto. Ahora simplemente podemos comprobarlo haciendo clic en Google Analytics, vista de página, y veremos que se han enviado algunos parámetros adicionales con nuestra configuración de Google analytics. También podemos verificar esto con nuestro asistente de etiquetas de Google y hacemos clic en Google Analytics. Y bajo los datos de campaña, vamos a ver que son datos compain se ha poblado. También podemos verificar esto en Google Analytics ya que vemos que estos parámetros UTM han sido empujados con éxito también aquí. Si hacemos click en el correo electrónico, ya veremos. Es la campaña “Venta de primavera”. Y si lo cambiamos al primero. Se debe enviar un parámetro UTM diferente. Vamos a comprobarlo rápidamente. Y dice “venta de sombreros” y podemos verificarlo también en analítica. Esta es una de las formas en que puedes usar tablas de búsqueda. Solo quiero mostrarte rápidamente las tablas RegEx tan bien como te prometí. Y verás que no hay mucha diferencia por adelantado. Obtendrás la misma interfaz. Simplemente puede agregar filas, como lo hizo antes. La diferencia es que aquí ingresas el patrón RegEx en lugar de un valor de índice. Básicamente significa que no vas a traducir un valor específico en una salida específica. . Pero vas a igualar un patrón y todo lo que coincida con ese patrón RegEx se traducirá a la misma salida. Y esto es básicamente para buscar tablas. 10. Trigger de visibilidad: En la sección anterior, bajo la distancia de desplazamiento, lección de seguimiento, hablamos un poco sobre deficiencias de ese método. En esta lección, hablaremos sobre el disparador de visibilidad y cómo se puede rastrear con mayor precisión cuando una persona se desplaza a un elemento específico en su sitio Web. Entonces, primero veamos algunos de los ejemplos en los que esto sería útil. Si tienes una página larga y quieres ver cuántas personas realmente vieron una sección específica. Por ejemplo, vayamos a nuestra entrada de blog y vayamos un poco más abajo por la página. Se puede ver que tenemos algo así como un producto destacado aquí, y tenemos otro un poco más bajo por la página. También tenemos un formulario de respuesta en vivo, pero también podríamos tener un formulario de inscripción y cualquier otro tipo de secciones que quisiéramos ver con qué frecuencia se ven. También hay algunos otros casos en que algunos elementos se muestran dinámicamente en el sitio Web. Al igual que cuando envías un formulario y no estás redireccionado a una página de agradecimiento, pero en su lugar solo obtienes un pop de confirmación. O, por ejemplo, en la página de la caja, dejas un cupón y podría haber un problema con él o si es exitoso y aparece. Todas estas cosas que básicamente pueden rastrear con disparador de visibilidad. Entonces volvamos a ver cómo funciona. Vamos por debajo de los disparadores y creemos un nuevo gatillo. Lo vemos bajo “compromiso de usuarios”. Y si lo seleccionamos, obtenemos todas estas opciones. Vamos lentamente a través de lo que realmente se puede hacer con este disparador de visibilidad . Ya que tipo de esconde dos funcionalidades diferentes en un solo paquete. Empecemos primero con el método de selección aquí. Tenemos en realidad dos opciones una es ID y otra es selector CSS. El segundo está empatado a la selección. Si seleccionamos un ID, entonces se va a decir ID de elemento aquí. Si seleccionamos el selector se va a escribir selector de elementos. Correcto. Entonces la otra parte es cuándo disparar este gatillo. Se puede disparar sólo una vez por página, una vez por elemento o cada vez que aparece un elemento en pantalla. Si seleccionamos una vez por página, este disparador se activará sólo una vez en una página específica. Si seleccionamos unos por elemento y tenemos múltiples elementos que podrían desencadenar este disparador, entonces lo va a hacer una vez por cada elemento. Y si seleccionamos cada vez que aparece un elemento en pantalla, eso básicamente significa no importa cuántas veces pasemos este elemento, entonces este gatillo se disparará cada vez. El siguiente es ¿cuál es la cantidad mínima de este elemento que debe ser visible en nuestra pantalla antes desencadenar este evento? Déjame mostrarte lo que quiero decir con eso. Entonces si vuelvo al blog y si me desplaza a esta sección de producto de funciones ahora, básicamente es casi 100 por ciento visible. Si me desplazara hacia arriba y solo lo mostrara parcialmente. Y esto sería, no sé, alrededor del 10 por ciento o esto es más del 50%. Por lo que podemos especificar si alguien se desplaza como un tercio del elemento visible, que no activamos este gatillo. Por lo que podemos definir aquí cuánto del elemento queríamos ser visibles. Ten en cuenta que si el elemento es realmente pequeño esto se activará de inmediato. Y además, si es demasiado grande, entonces podría no caber en la ventana gráfica y este gatillo podría no dispararse en absoluto. El segundo punto se establece mínimo en la duración de la pantalla. Esto es algo así como la solución que necesitamos para el scroll donde activamos el evento scroll. Sólo después de que la persona haya pasado 30 segundos en el sitio Web. Aquí, podemos establecer cantidad en milisegundos, por ejemplo, si queremos que el elemento sea visible durante dos segundos en nuestra ventana gráfica. Y esto nos permitirá activar este evento sólo cuando una persona mire la presente sección específica durante más de dos segundos. Si simplemente se desplazan más allá de él muy rápido, este gatillo no se disparará. El último checkbox, que se “observa en los cambios”, es básicamente la funcionalidad de este disparador que permite activarlo cuando aparece un elemento en el sitio Web. Como vimos en el ejemplo de caja. Vamos a crear este disparador para eso como mencioné al principio, necesitamos ya sea ID de elemento o un selector CSS. Y voy a explicarlo un poco más sobre cómo obtenerlos realmente. Entonces volvamos a nuestro ejemplo de blog y desplázate por esta sección de gorros. Para poder obtener el ID o el selector CSS de un elemento específico deberás mirar el código HTML. Podemos usar la consola del desarrollador. Esto es lo mismo que hicimos cuando estábamos comprobando si las cookies se guardaron con éxito. Entonces vamos a presionar F12 en nuestros teclados y vamos a ocultar por ahora el gestor de etiquetas. Y bajo la sección Elementos, ves que tenemos todo el HTML de esta página. Entonces simplemente podemos hacer clic en esta flecha donde dice seleccionar un elemento en la página y podremos seleccionar diferentes elementos como este botón, tal vez este párrafo. Y queremos que se seleccione toda esta sección así que vamos a asegurarnos de que esté de color azul y vamos a dar click en ella. Ahora cuando nos desplazamos hacia abajo en el HTML, también se seleccionan los elementos por lo que actualmente estamos en la posición correcta. Y si miramos estos elementos, podemos ver que aquí se establecen un montón de parámetros. Si no conoces HTML, básico aún entonces te sugeriría que te familiarices con él. Para nuestro gatillo necesitamos pasar ya sea un ID o un selector CSS. Y actualmente sólo vemos que este elemento tiene parámetros de clase y estilo. Por lo que no hay ningún parámetro ID. Entonces tenemos que ir con el selector CSS. De igual manera a la lección de click de botón podemos usar el nombre de la clase para esto. Aquí hay un montón de nombres de clase y podemos ver que también hay un nombre de clase de producto de característica aquí. Podemos usar este para el gatillo. Entonces volvamos a nuestro gestor de etiquetas y hagamos esto ahora. Dado que se pueden seleccionar elementos realmente específicos en el sitio Web mediante el uso de selectores CSS, no es suficiente simplemente pegar nuestro nombre de clase aquí. También te sugeriría, si no sabes cómo trabajar con selectores CSS, que también revises este tema. Para los nombres de clase, hay que añadir “.” delante de, el nombre de la clase y así voy a hacer esto. También tenemos algunas variables incorporadas que podemos habilitar y lo haremos antes de probar nuestro gatillo. Aquí en la parte inferior verás las variables de visibilidad y solo habilitaré ambas. Esto es todo. Vamos a probarlo ahora. Ocultemos la consola del desarrollador por ahora presionando de nuevo F12. Y vamos a desplazarnos por nuestra página hasta que tengamos a la vista nuestro producto destacado. Como ven, en cuanto hacemos esto y los dos segundos pasan, obtenemos nuestra visibilidad de elemento activada. Echemos un vistazo debajo de las variables para ver nuestras dos variables recién creadas. El primero es por ciento visible, y es 93.4. Es cuánto por ciento de este elemento era visible en el momento en que se disparó este gatillo. Y la duración en pantalla, que se fijó en 2 segundos o 2000 milisegundos. Por lo que este gatillo funciona muy bien. Ahora, si cambiamos nuestro gatillo para activarlo cada vez que aparece un elemento en la ventana gráfica o en pantalla, veremos qué sucede. Vamos a refrescarnos. . Desplazémonos hacia abajo ahora y veremos el elemento. Visibilidad disparan fuego. Si nos movemos más allá y regresamos va a disparar de nuevo. Por supuesto, lleva dos segundos ya que configuramos este retraso. Y si lo desplazamos y lo pasamos rápidamente, verás que ninguna visibilidad de elemento desencadena fuego y si vamos muy despacio, Sí. Nuevamente, después de dos segundos en la ventanal, este disparador se dispara. Ahora, básicamente podrías configurar el disparador de eventos de Google Analytics y disparar un evento en tu análisis de Google si deseas realizar un seguimiento de estos eventos. Pero hay una cosa más que quería mostrarte. Así que vamos a desplazarnos un poco más abajo por la página y abrimos de nuevo la consola del desarrollador e inspeccionemos este título. Como ves, este título tiene una identificación de “sudadera con capucha”. Y este es también el valor que podemos poner en nuestro gatillo. Aquí las cosas son un poco más simples porque cada ID en el sitio web debe ser único. Por lo que podemos simplemente copiarlo y ponerlo en nuestro gatillo. Cámbialo de CSS Selector a ID y simplemente pegarlo en. Guardémoslo y lo probaremos. Ahora, este gatillo no disparará en el producto de la característica, pero va a disparar en este título. Y se ven los elementos, la visibilidad se desencadena cuando nos desplazamos hasta este ID. Y no va a desencadenar en ningún otro elemento. Por lo que esta es una herramienta realmente poderosa para que puedas realizar un seguimiento de elementos específicos en sitios Web. La otra cosa que quería mostrarles es respecto a la exhibición de un elemento en el sitio Web, que antes no era visible, como lo comprobamos en nuestro ejemplo. Volvamos a nuestro carrito. Simplemente haga clic en aplicar cupón. Si queremos tener una acción atada a cuando este pop up se muestre en el sitio Web. Si tienes formularios de inscripción o formularios de contacto donde no redireccionas a la gente a la página de agradecimiento, pero solo les muestras un mensaje diciendo gracias por tu submición nos pondremos en contacto contigo. Actualmente no tengo ningún tipo de formularios en este sitio Web así que por eso te voy a mostrar en este ejemplo. Por la misma lógica básicamente se aplica ahí también. Antes de que podamos tener nuestro gatillo activado tenemos que conseguir alguna información sobre este pop up. Entonces, vamos a abrir de nuevo la consola del desarrollador. Y vamos a inspeccionar este elemento y podemos ver que el nombre de clase para este elemento es elemento “woocommerce-error” . Encapsular este error es “woocommerce-notice-wrapper”. Por ejemplo, si estamos escribiendo y un cupón válido aquí entonces este mensaje será sólo “woocommerce-message”, no “woocommerce-error”. Dependiendo de nuestra situación y de lo que queremos rastrear tenemos que asegurarnos de que estamos rastreando lo correcto. Entonces si queremos rastrear cuándo se aplicó con éxito el código de cupón y solo queremos realizar un seguimiento esto, entonces deberíamos usar este nombre de clase. Si desea realizar un seguimiento de cualquier tipo de mensajes que aparezcan entonces básicamente usaríamos “woocommerce-notice-wrapper”. Entonces usemos este nombre de clase. Ocultemos la consola y cambiemos nuestro gatillo. Vamos a volver a nuestro selector CSS. Vamos a escribir “.” y nombre de clase, y no vamos a establecer un mínimo en la duración de la pantalla. Podemos fijar el porcentaje de algo realmente bajo porque queríamos disparar de inmediato. Pero entonces también vamos a querer revisar los cambios de DOM observados. Observar todos estos cambios tomará muchos recursos y tensar tu sitio web. Te sugiero que lo utilices con mucho cuidado y que establezcas algunos filtros para que solo se activen en sitio Web específico o en eventos específicos. No quieres que esto esté rastreando por todo el sitio Web porque tu sitio Web se sentirá lento y lento. Y para nuestro ejemplo, podemos hacerlo en la página del carrito. También lo activaremos solo una vez por página. Ahora solo cámbialo a “Código de Cupón”. Dado que aún no hay elemento visible, el gatillo no está disparando. Después de hacer clic, aplicar cupón y se muestra este error, vemos el elemento, visibilidad, disparo de gatillo. Ahora podríamos crear un evento de Google Analytics que rastrearíamos y veríamos siempre que se haya aplicado un código de cupón . Como has visto ahora, el disparador de visibilidad es una herramienta realmente poderosa para ver cuándo algo es visible para tu usuario final o cuando algo aparece en tu sitio Web. Puedes atar algunos eventos de seguimiento a ella para ver cómo se comportan tus usuarios en tu sitio Web. Y cuando una cierta conversión no sería capaz de rastrear. De lo contrario, al igual que este tipo de pop up ocurre y luego puedes configurar tu análisis en Google Analytics o cualquier otra herramienta para realizar un seguimiento de esas conversiones. 11. Seguimiento de conversión parte 1: Echemos un vistazo ahora a cómo podemos rastrear las conversiones. Por lo que una conversión es cualquier acción que desees que tus visitantes realicen en tu sitio web o tienda. En este ejemplo, nos vamos a centrar cuando un visitante complete una compra. Entonces, ¿por qué querrías rastrear esto? Si estás haciendo algún tipo de anuncios y conduces tráfico pagado a tu tienda, entonces, claro, quieres saber si esos anuncios están funcionando bien o si están funcionando mal. Además, si eres capaz de atribuir una conversión a un anuncio específico, entonces puedes optimizar tus campañas deshabilitando los anuncios que no funcionan bien e incrementando el presupuesto a los que sí lo hacen. En este ejemplo vamos a ver cómo puedes hacer esto para los anuncios de Google. En primer lugar, echemos un vistazo a cómo se vería realmente este tipo de conversión. Si vamos a nuestra tienda y solo seleccionamos un producto específico agrégalo al carrito y acabemos de completar esta compra. Simplemente vamos a llenar algunos datos de prueba y vamos a hacer un pedido. Después de hacer esto, esto se considera una compra. Y aquí es donde debemos marcar que se completó la conversión. Ahora volvamos al gestor de etiquetas de Google y veamos qué etiquetas necesitamos crear para poder realizar un seguimiento de esto. Vamos a crear una nueva etiqueta. Y para ello, utilizaremos anuncios de Google, conversión, seguimiento. estamos usando anuncios de Google como plataforma publicitaria. Pero antes de empezar a crear esta etiqueta, primero necesitamos crear otra etiqueta, que se llama Conversion Linker. Enlazador.. Ahora, ya que los anuncios de Google hacen una cookie de Terceros, que podría ser bloqueada o limitada por navegadores como Safari, que solo permiten una ventana de 24 horas para que estas cookies estén activas. Entonces básicamente no se rastrearán todas las conversiones que pudieran ocurrir después de esta ventana. Para ello, utilizamos un enlazador de conversiones que básicamente almacena todos los datos del anuncio en una cookie de primera parte , y cuando ocurre una conversión, se atribuye correctamente una conversión a unos anuncios específicos. Vamos a configurar nuestro gatillo para disparar en todas las páginas. Y ahora estamos listos para crear nuestros anuncios de Google, etiqueta de seguimiento de conversiones. Se puede ver que es bastante similar a la etiqueta de remarketing que hicimos en una de las lecciones anteriores. Por lo que tenemos que ir a nuestro gestor de anuncios de Google y obtener algunos parámetros extra que podrán ingresar aquí. Entonces vayamos ahí ahora. Debajo de la sección de herramientas, se puede ver que bajo la parte de medición, obtenemos un enlace de conversión. Podemos ir aquí y crear una nueva conversión. Basta con hacer click en este botón más. Y ya que estamos trabajando con un sitio web, no una app ni llamadas telefónicas y no hacemos ninguna importación. Simplemente vamos a dar clic en las partes de la página web. El primero que necesitamos seleccionar es una categoría. Y los anuncios de Google te da un montón de cosas que puedes rastrear Pero estamos trabajando con compras, así que seleccionaremos una compra. Podemos dejar el nombre de conversión tal como está. Y bajo la sección de valor, tienes un par de opciones. El primero que puedes usar cuando tienes, por ejemplo, un producto y, ya sabes, valor exacto de ese producto. Por lo que puedes atribuir el valor directo de ese producto para esta conversión. Te sugiero que uses diferentes valores para cada conversión ya que tenemos más opciones para luego cambiar este valor a lo que nos guste. En la sección de conteo, establecerás si esta conversión se realiza un seguimiento cada vez o solo una vez. Como puedes leer aquí en los comentarios, si seleccionas cada vez. Esto se recomienda en su mayoría para compras que son realmente importantes. E incluso si la misma persona en la misma sesión crea dos compras, se quiere realizar un seguimiento de eso. Pero por otro lado, si la misma persona se inscribe para tu newsletter, entonces querrías que esa conversión solo cuente una vez. Hay algunos otros parámetros que puedes establecer aquí. Si no sabes lo que hacen, te sugeriría que solo los dejes por defecto. El clic a través de la ventana de conversión básicamente es una ventana de atribución. ¿ Cuánto tiempo considera que un anuncio es responsable de una conversión específica. Por defecto esto es de 30 días, puedes aumentarlo o disminuirlo. O ver a través de la conversión. Si una persona no hizo clic en un anuncio, pero sólo lo vio y más tarde de alguna manera llegó a su sitio web. estos anuncios seguirían atribuyendo, esta conversión. Y lo último que quisiera mencionar es sólo el modelo de atribución. Dejémoslo por ahora como un último clic. Y vamos a crear esta conversión. Aquí obtenemos algunas de las opciones, cómo podemos instalar este seguimiento de conversiones. Ya que estamos usando Google tag manager, WWSólo vamos a dar click en esto. Y ahora tenemos nuestro ID de conversión. El cual vamos a copiar y pegar en nuestro gestor de etiquetas de Google. Entonces regresaremos y todos estamos haciendo lo mismo para la etiqueta de conversión. Y como ves, aquí podemos establecer un valor de conversión. Pero para los efectos de este ejemplo, simplemente estamos dejando todo lo demás intacto. Ahora tenemos que activar esta etiqueta y no podemos activarla en todas las páginas ya que eso pasaría cada vez. Sólo necesitamos activarlo cuando una persona completa una compra. Por lo que tendremos que crear un nuevo gatillo para esto. Crearemos un nuevo disparador de vista de página. Pero vamos a limitarlo a sólo algunas vistas de página. Y para saber a qué páginas vistas vamos a limitarlo volveremos a nuestra tienda y vamos a revisar la URL. Y como se puede ver aquí, el tipo de parte “pedida-recibido” significa que recibimos este pedido. Para que podamos seleccionar estas parte. Volver a nosotros Google tag manager. Ir a hacer clic en URL y en la parte Contiene, simplemente básicamente pegar esta sección. Esto ahora sólo se activará en esta subpágina. Ahora solo guardemos esta etiqueta y probémosla. medida que actualicemos nuestro pedido, recibimos página, veremos que nuestros anuncios de Google, etiqueta de seguimiento de conversiones se han despedido. También podemos verificar esto en nuestro Google Tag Assistant. Y vemos que el seguimiento de conversiones de anuncios de Google está funcionando correctamente. Ahora bien, si volvemos a nuestro gestor de Anuncios. Ya veremos que a pesar de que acabamos de desencadenar, una compra. El estado de seguimiento sigue sin verificarse. Esto permanecerá sin verificar hasta que alguien realmente haga clic en un anuncio y lo convierta. Puedes hacerlo tú mismo o puedes esperar a que ocurra una conversión real. Y entonces el estado de seguimiento cambiará a confirmado. Es así como puedes simplemente realizar un seguimiento de las conversiones. Si quieres realizar un seguimiento de las conversiones con anuncios de Facebook, entonces lo configurarías de manera similar, como hablamos en nuestra lección personalizada de eventos de Facebook. 12. Seguimiento de conversión parte 2 y capa de datos: En la lección anterior, comprobamos cómo podemos rastrear las conversiones de una manera sencilla. Y en esta lección veremos cómo podemos enviar algunos valores extra con esa conversión a nuestro gestor de anuncios de Google. Específicamente, cómo podemos enviar identificación de ingresos y transacción. Entonces, en primer lugar, ¿por qué necesitarías esos datos extra' Cuando tienes el valor de una compra puedes entonces calcular el retorno del gasto publicitario. Cuánto invertido en publicidad y cuánto saliste de ella. Esta métrica puede ayudarle a optimizar mejor los anuncios específicos y las campañas específicas. Entonces si tienes un anuncio específico que tenga muchas conversiones, pero todas esas conversiones son realmente de bajo valor, entonces deshabilitarías esos anuncios. Pero podrías, por otro lado, tener algunos anuncios que tienen menos conversiones pero todas las compras que hay son realmente de alto valor. Por lo que probablemente te enfocarías en esos grupos de personas y los apuntarías más específicamente. Para este ejemplo, vamos a utilizar nuestra tienda basada en WordPress. Si estás usando Shopify, Squarespace o cualquier otra plataforma de comercio electrónico, entonces esto será un poco diferente para esas. Entonces, como dije, vamos a estar trabajando en WordPress con un plugin de Google tag manager que empujará todos estos datos de e-commerce en la capa de datos. En una de las primeras lecciones que ya mencioné, la capa de datos es objeto JavaScript que contiene diferentes valores. Y también es el repositorio central de datos estructurados de un gestor de etiquetas de Google. ¿ Cómo se ve esto? Podemos comprobar rápidamente en nuestra tienda. En el panel de depuración verás una pestaña llamada Capa de datos. Y si haces clic en él, verás qué valores actuales se almacenan en la capa de datos. Existen múltiples formas de empujar estos datos a la capa de datos. Como ya he mencionado, estará usando este plugin que empuja automáticamente estos datos para nosotros. Pero si no tienes este plugin, entonces podrías, por ejemplo, hacerlo con la ayuda de JavaScript. O podría pedirle a un desarrollador que desarrolle una solución que empuje todos los valores que requiere en la capa de datos. No vamos a hablar de estas dos opciones en esta lección. Entonces si vamos a nuestro Dashboard de WordPress, encontrarás que bajo la configuración en el enchufe de Google tag manager , hay un par de configuraciones que puedes consultar. Por lo que si vas bajo la pestaña de integración y debajo de la parte woocommerce, obtendrás una lista de casillas de verificación que te permiten enviar datos adicionales en la capa de datos. Si estás usando un seguimiento de ecommerce clásico, entonces marca esta casilla de verificación. Pero si estás usando un seguimiento de ecommerce mejorado, entonces marca esta casilla. Estoy usando un seguimiento de ecommerce mejorado, así que usaré esta opción. Vamos a guardar estos ajustes para que el plugin pueda enviar estos datos a la capa de datos. Ahora, antes de poder usar estos datos, necesitaremos crear una variable que retenga o básicamente lea estos datos desde la propia capa de datos. Entonces iremos por debajo de las variables y crearemos dos nuevas variables. El primero almacenará los ingresos y el segundo almacenará el ID de transacción. Si nos desplazamos un poco hacia abajo, encontrarás una variable de capa de datos. Ahora volvamos a nuestra página web y hagamos una conversión para poder saber qué datos de qué variables necesitamos leer y almacenar en nuestra variable recién creada. OK, así que procedamos a la caja. Y completemos el pedido. OK, entonces si vamos ahora por debajo de la capa de datos, verás que obtenemos más información de la propia compra , que fue transmitida por el plug in. Como se puede ver aquí, tenemos una nueva sección que se llama comercio electrónico, y tiene un montón de valores. Lo que necesitamos obtener es las partes de ingresos y ID parte de esto fuera de esta capa de datos. Ahora, cómo se estructuran los datos en capa de datos. Es importante porque cuando estarás tratando de sacar estos valores de la capa de datos, debes estar al tanto de cómo se ve la estructura. Si quieres llegar a la parte ID, no va a ser suficiente solo escribir ID porque podría haber múltiples parámetros de ID dentro de la capa de datos. Por lo que tenemos que tipo de atravesar estos objetos para llegar a este ID. Tenemos que ir paso a paso. Entonces tenemos que usar una clave y luego tenemos que usar una subclave y otra subclave y así sucesivamente. Esas subclaves y claves están separadas por un punto. Por ejemplo, si queremos llegar a nuestro DNI, usaríamos un “ecommerce” y simplemente copiarlo aquí. Entonces, escribe punto. Entonces tenemos que tener cuidado porque el siguiente parámetro es en realidad el código de moneda. Pero estamos tratando de llegar a la identificación. Y hay que tener en cuenta que las sub claves comienzan con estos paréntesis y están sangradas un poco por dentro. Entonces este es uno nuevo y este es un sub parámetro. Y éste es otro. El siguiente de nuestra lista es la parte de “compra”. Y volveremos a escribir el punto, y después tenemos “ActionField”. y el punto. Y si las estás anotando y no copiando, ten cuidado con los mayúsculas ya que esto es sensible a mayúsculas y minúsculas y básicamente debe ser idéntico como está escrito en la capa de datos. Y ahora llegamos a nuestra parte de “ID” y también podemos copiar nuestro DNI. Muy bien, así que este es nuestro nombre de variable de capa de datos, y yo solo lo voy a coyp ya que lo vamos a reutilizar para los ingresos también. Y vamos a nombrar esta variable y guardarla. Crearemos otro valor para los ingresos. Y lo pegaremos aquí y sustituiremos el “ID” por el “ingreso”. . Ahora que tenemos nuestros valores creados, podemos volver a probarlo solo para asegurarnos de que realmente estén almacenados en las variables que acabamos de crear. Por lo que refrescaremos la página y volveremos a nuestra tienda. Tendrá que volver a hacer todo el proceso ya que las variables de compra se pasan en la capa de datos. sólo una vez que complete una compra. No si refrescas la página. Entonces, solo hagámoslo. Está bien. Ahora vamos a comprobar si nuestras variables recién creadas realmente mantienen los valores correctos. Entonces tenemos el ingreso de conversión y el ID de transacción, y si revisamos nuestra capa de datos, veremos que los ingresos son 65 y el ID de transacción es 97, lo cual es correcto. OK, ahora que conseguimos esas variables, podemos modificar nuestra etiqueta existente. Iremos a nuestra etiqueta de seguimiento de conversiones y añadiremos esas dos variables en valor de conversión y en transacción, ID respetuosamente. OK, ahora, básicamente, ya casi terminamos. Pero esta etiqueta de seguimiento de conversiones se activa en la vista de página. Ahora bien, si nuestros clientes refrescan accidentalmente nuestra página de pedidos recibidos, este gatillo aún se va a disparar y va a activar esta etiqueta que creamos. Pero no habrá ningún valor en la variable de capa de datos. Entonces, sólo intentémoslo. Tan solo refresca la página, y si lo comprobamos. Ahora, estas dos variables veremos que son “indefinidas”. Ahora, si vamos por debajo del contenedor cargado, veremos que nuestra etiqueta de seguimiento de conversiones aún estaba disparada pesar de que estas diversas variables estaban vacías. Ahora, hay dos formas en que podemos resolver esto. Una forma es que modifiquemos nuestro gatillo. Simplemente agregando aquí una nueva condición y comprobando si una de esas variables o ambas están indefinidas. Pero te voy a mostrar una forma diferente de activar etiquetas con eventos personalizados. Entonces, sólo cerremos esto. Ahora, desafortunadamente, tendremos que repetir todo el proceso de checkout. Está bien. Y estamos de vuelta. El cool parts de ese plugin es también que crea un disparador personalizado y se activa sólo la primera vez que se completa el pedido. Si amarramos nuestra etiqueta a este disparador personalizado, entonces sólo se va a disparar cuando este disparador personalizado va a estar presente. Entonces cómo podemos hacer eso es copiando este disparador personalizado. Y modificaremos nuestra etiqueta para aceptarla. Y sólo tienes que quitar este gatillo y crear uno nuevo. Eso crea un nuevo gatillo. Y esta vez este va a ser un evento personalizado. Y ahora pegamos aquí el nombre de este evento personalizado que acabamos de copiar desde el panel de depuración. Lo llamaremos y lo guardaremos ahora. Esto ya está hecho y podemos comprobarlo si todo funciona como debería. Así que vamos a guardar esta etiqueta y vamos a refrescar el gestor de etiquetas. OK, vamos a asegurarnos de que todo funcione ahora. En el resumen, podemos ver que nuestro seguimiento de conversiones fue despedido, pero si comprobamos en qué evento, veremos que se disparó solo en este evento personalizado. Por lo que funciona bien. Ahora, también podemos comprobar si esas dos variables se han enviado correctamente al gestor de anuncios haciendo clic en asistente de etiquetas de Google y yendo a anuncios de Google, seguimiento de conversiones. Y veremos que allí también se envió un valor de conversión de 26. Ahora bien, si vamos a nuestro gestor de anuncios de Google. Después de que se rastreen estas conversiones, verá un valor de conversión para esta acción de conversión listado aquí. También en tu campaña de anuncios. Y podrás ver cuántos ingresos traía cada anuncio o grupo de anuncios. 13. Simplifica los enlaces UTM con la ayuda de tablas de búsqueda: En esta lección, quiero presentarles tablas de búsqueda. La tabla de consulta es básicamente una matriz que contiene índices y valores en una ciencia y un valor de salida basado en el de entrada Entonces déjame mostrarte rápidamente cómo se ve esto. Simplemente va a abrir rápidamente una tabla de búsqueda solo para que pueda tener una mejor idea, idea al respecto. ¿Bien? Entonces como veis, tenemos una variable de entrada y en base al tipo de la variable de entrada, por ejemplo, 123 o cuatro, definimos un valor de salida. Por ejemplo, uno en palabras 23.4. Entonces, lo que básicamente haría esta tabla de búsqueda es traducir números en palabras. ¿Por qué necesitarías tablas de búsqueda? Podrías usarlas. Por ejemplo, si estás ejecutando tu mismo contenedor en varias cuentas y tienes un código diferente de Google Analytics. Entonces de esta manera, se podría decir un dominio a una cuenta de Google Analytics y un segundo dominio a otra y así sucesivamente. Lo mismo ocurre con, por ejemplo, Google Ads, Aidi's, y tal vez Facebook pixel id y así sucesivamente Entonces este es un caso. Otro podría ser que tengas, por ejemplo, ID de afiliado, y luego puedes asignar cada ID, un nombre de afiliado y tienda. Puede ser en Google Analytics o en algún lugar. Entonces, cuando miras los reportes, inmediatamente sabes de qué afiliado estás obteniendo el tráfico, no que solo veas números. O en nuestro ejemplo, como voy a mostrar, usted, básicamente creará parámetros UTM a partir de fragmentos hash en la URL Digamos que tienes unos parámetros UTM para una campaña específica Y estás conduciendo el tráfico desde boletín electrónico a tu tienda y estás haciendo una venta principal, por ejemplo, en el boletín. Y normalmente lo que harías, agregarías todos estos parámetros UTM en la URL Esto parece largo. Muchas veces puedes cometer errores cuando la gente los copia, los reutiliza. Tienes que hacerlo, si no eres lo suficientemente competente en escribir esto directamente, tienes que usar algunas otras herramientas Se puede utilizar una versión más limpia y simple, que también tipo de alturas todos estos parámetros. Y se ve un poco así. Entonces en lugar de todos estos parámetros, puedes usar este fragmento hash y simplemente crearlo, crear esos parámetros UTM en Google Analytics En base a esto. Esto es exactamente lo que te voy a mostrar cómo hacer. Lo primero es lo primero, ¿qué son estos fragmentos? Estos fragmentos suelen ser enlaces de anclaje en el sitio web. Entonces, si haces clic en un enlace específico y simplemente te lleva a algún lugar de la misma página. Esto generalmente se logra con estos anclajes. Y como Google Analytics no los rastrea, son la herramienta perfecta para reemplazar los parámetros UTM Te sugeriré que tengas un plan y una lista por separado para esto. Entonces no mezclarás todas estas campañas. Hay una desventaja para usarlos. Si tienes muchas páginas individuales que las utilizan para enlaces o para la navegación por toda la página. Y estás empujando tu campaña a esa sección específica, entonces no puedes usar dos fragmentos de hashtag diferentes. Sólo se puede usar uno. Entonces en ese caso, probablemente no quieras, probablemente no quieras usar este método. Pero el propósito de todo este experimento es mostrarte cómo funcionan las tablas de búsqueda. Empecemos y ya veremos. Bien, entonces lo primero que tenemos que hacer es obtener este valor de la URL. Y tenemos que almacenarlo en nuestras variables definidas por el usuario. Y cómo podemos hacerlo es bastante sencillo. Creamos una nueva variable y seleccionamos la URL porque esta es la parte de la URL. Después solo seleccionamos qué parte de la URL queremos guardar en nuestra variable. Y solo estamos seleccionando la parte del fragmento. Vamos a Nombrar la variable. A continuación, necesitamos crear una tabla de búsqueda. Así que volveremos a nuestras variables y vamos a seleccionar una tabla de búsqueda. Antes de hacer esto, quiero señalar que en realidad hay dos variantes de esta tabla. Y el que vamos a usar es la tabla de búsqueda. Pero también hay una tabla RegEx, que funciona de manera muy similar Pero en lugar de índices , usa patrones. Y voy a explicar cómo funciona después de que terminemos esto. Pero para ello, solo usaremos una tabla de búsqueda. Lo primero que debemos seleccionar es nuestra variable de fragmento URL recién creada, que devolverá solo las partes de los fragmentos de URL. Cuando planeemos nuestras campañas, debes decidir cuáles son estos valores, cuáles deben ser estos patrones. Me gusta usar una C como subrayado de campaña y luego el número de la campaña Esta tabla de búsqueda específica devolverá solo una parte de toda la serie UTM Como puedes ver, en los parámetros UTM, tenemos fuente, tenemos medio, y tenemos parámetros de campaña Y lo primero que vamos a hacer, simplemente lo configuraremos para una campaña. Si queremos configurarlo para medium y sources, bueno, entonces tendremos que crear dos tablas de búsqueda más, lo que haremos en solo un segundo. Entonces esto va a estar relacionado con la sección de campaña. Y para Q1 seleccionará la venta de sombrero. Entonces claro que podemos tener otra campaña, C2, que elegirá como celda de primavera. Entonces básicamente, por cada campaña que hagas, tendrás que agregar una nueva fila. Tendrás que asignarle un valor y luego asignarle el parámetro UTM que correspondería a eso Ahora, necesitamos crear dos tablas de consulta más. Y para esto, sólo voy a usar el GTM copiar y pegar Y ahora voy a duplicar esta variable dos veces, y luego básicamente voy a actualizarlos y cambiarles el nombre, ¿verdad? Y agreguemos otro. Ahora. Vamos a modificar esas tablas. Entonces el segundo será mediano. Y lo haremos y correo electrónico. Para la fuente. Pueden ser newsletter. Bien, así que tenemos ambas campañas configuradas y podemos guardar esas variables Ahora, cada vez que quieres agregar una nueva campaña UTM, básicamente agregas una fila en la sección media y fuente de campaña Después de hacer esto, ahora podemos simplemente verificar el valor de las variables en el sitio web. Entonces podremos crear una etiqueta que los desprenda en el Google Analytics. Así que vamos a refrescarlo. Vayamos aquí y refresquemos este. Si seleccionamos ahora la vista de página y pasamos por debajo de variables, veremos si esas tres variables se han rellenado correctamente. Bien, entonces aquí están. Si escribimos campaña diferente, veremos que esos parámetros serán poblados por la otra campaña. Así que la celda de resorte. Bien, Así que vamos a poner todas estas variables en nuestro Google Analytics, producir el trabajo. Necesitamos crear una nueva etiqueta. Solo necesitamos modificar una etiqueta de configuración de Google Analytics existente. Básicamente, Google Analytics nos permite enviar datos extra, datos con cada calor o vista de página. Y si estamos usando la etiqueta de configuración de Google Analytics, entonces simplemente podemos enviar estos datos con todos estos eventos. Así que encuentra la configuración de Google Analytics, deuda y otros campos para establecer. Puedes agregar parámetros adicionales para enviar con cada hit. Así que vamos a establecer estos campos con nuestros parámetros UTM. Se agregará un nuevo campo. Y elegiremos una fuente de campaña. Y para el valor solo agregaremos nuestra tabla de búsqueda con el parámetro de origen UTM Vamos a hacer esto por los tres. Bien, así que veamos cómo funciona esto. Podemos volver al depurador de Google Tag Manager y hacer clic en configuración de Google Analytics de n. Y veremos que se han enviado parámetros adicionales con él También podemos verificar esto en la vista de depuración de Google Analytics. Así que vayamos ahí ahora y hagamos clic en Vista de página. Y podemos ver que estos parámetros UTM adicionales se han empujado con éxito aquí también Y si cambiamos la URL a la primera campaña, se debe enviar un parámetro UTM diferente Vamos a comprobarlo rápidamente. Y como pueden ver, dice Head cell. Y también podemos verificarlo en analítica. Esta es una de las formas en las que puedes usar tablas de búsqueda. Solo quería mostrarte rápidamente las tablas RegEx así como te lo prometí al principio Y verás que están bajo diferente por adelantado. Obtendrás la misma interfaz. Simplemente puede agregar filas como lo hizo antes. La diferencia es que aquí puedes ingresar el patrón RegEx en lugar de on value Esto básicamente significa que no vas a conectar un valor a otro, sino que coincidirás con un patrón. Entonces, todo lo que coincidirá con ese patrón RegEx se conectará al mismo valor de salida Y esto es básicamente para tablas de búsqueda 14. Detecta bloqueadores de anuncios con Tag Manager: Ahora uno como conjuntos. Pero, ¿y si tu modelo de negocio gira en torno a eso? Entonces quieres asegurarte de que tus visitantes realmente los vean. En esta lección, echaremos un vistazo a cómo puedes verificar si tus visitantes tienen habilitados los Bloqueadores de Anuncios Con la ayuda de un pequeño, nuestro script y Capa de Datos. Lo primero que tenemos que hacer es instalar un pequeño script en tu sitio web. El enlace al guión se encuentra en los recursos. Si echamos un vistazo a descrip, es súper simple. Todo lo que hace, empuja y Ads permitió variable a la capa de datos y lo establece en true. También puedes usar este ejemplo para empujar cualquier otra variable que quieras a la capa de datos si lo deseas. Lo que tenemos que hacer con este grupo se agrega a un archivo llamado Ads dot JS. Es importante que el nombre del archivo se llame Anuncios o cualquier cosa relacionada con Anuncios. Porque los Bloqueadores de Anuncios verifican palabras clave específicas y si las encuentran en el nombre del archivo, no cargarán el archivo Y si este archivo no está cargado, entonces no se establecerá la variable Ads allowed. Y esto es lo que vamos a estar comprobando en el Tag Manager. Entonces, después de crear su archivo, necesita subirlo a su servidor en algún lugar. No voy a entrar en detalles sobre cómo se puede hacer esto, ya que hablamos de ello en una de las lecciones anteriores. Después de que el archivo esté en su servidor, también necesita cargar el script en su sitio web. Nuevamente, los detalles sobre cómo puedes hacer esto dependen en gran medida del framework o solución que utilices para tu sitio web. En WordPress, existen múltiples complementos que te permiten cargar scripts en el encabezado. Y ya tengo uno de esos instalado. Así que vayamos rápidamente a WordPress y agreguemos el script al encabezado. Voy a ir aquí y pegar el guión aquí. Ahora, solo reemplazaré tu dominio por mi dominio específico. Y luego lo guardaré. Bien, estamos listos para probar las cosas. Primero. Simplemente iniciemos la vista previa para que podamos ver si el script se carga, cualquiera de la capa de datos se completa con la variable. Ahora, vamos a revisar la capa de datos y podemos ver aquí nuestra variable recién creada. Si ahora habilitamos el bloqueador de anuncios y actualizamos la página, esta variable ya no debería estar presente . Vamos a comprobarlo ahora. Se puede ver que nuestra variable se ha ido. Perfecto. Así que volvamos ahora a nuestro Tag Manager y vamos a crear un disparador que se disparará cada vez que detectemos que hay un bloque de anuncios habilitado. Primero, necesitamos crear una variable que leamos de la capa de datos. Podemos hacer esto con la ayuda de la variable de capa de datos. Y en este nombre de variable, solo escribiremos asignación de Anuncios. Ahora bien, si esta variable no está presente, estará indefinida en la capa de datos. Pero porque también estaremos enviando estas thetas en Google Analytics Primero limpiémoslo un poco. Podemos reformatear el valor de undefined a false yendo aquí debajo del formato y haciendo clic en convertir undefined también. Y solo escribiremos falso por dentro. Ahora, podemos guardar esta variable. Si ahora queremos rastrear a todas las personas que han desactivado los Anuncios en Google Analytics. Todo lo que tenemos que hacer es ir bajo la etiqueta de configuración de Google Analytics y agregar el nuevo campo. Tal vez podamos nombrarlo Anuncios. Y luego solo seleccionamos nuestra variable que o bien dirá verdadero o falso. De esta manera podremos segmentar a estas personas en GA4 e incluso hacer algunas comparaciones sobre cuántos de nuestros visitantes tienen anuncios habilitados Ahora, creemos también un evento que nos permita verificar proactivamente si los Anuncios están deshabilitados Vamos a crear un nuevo evento de vista de página. Y vamos a comprobar si nuestra variable no es igual a true. De esta manera, nuestro evento se disparará. Cuando los Anuncios están deshabilitados. Entonces simplemente puedes crear cualquier etiqueta que desees. Puedes activar un evento o tal vez mostrar una ventana emergente en la página, o incluso ocultar algunos elementos de la página que sean útiles para tus visitantes. Esto podría motivarlos a habilitar realmente los Anuncios para poder ver el contenido a proporcionar De todos modos, vamos a crear una etiqueta vacía solo para que podamos ver si realmente se activa solo cuando el Bloqueador de Anuncios está habilitado Para ello, solo crearé un evento HTML en blanco y agregaré el Trigger que acabamos de crear. Ahora podemos probar todo. Esperemos a que nuestra página se cargue. Entonces podemos ir al depurador Tag Manager. Primero, comprobemos las Variables y podrás ver que la variable Ads allow está establecida en true. Podemos volver a verificar la capa de datos y vemos que la variable está aquí también Si revisamos las etiquetas, vemos que nuestra etiqueta de prueba no se ha disparado. Ahora, vamos y habilitemos el bloqueador de anuncios. Y refresquemos la página. Ahora vamos a revisar de nuevo nuestro depurador. Y como pueden ver, nuestra prueba Tag no ha disparado. Si registramos la capa de datos, tampoco vemos nuestra variable ya no se cargó el archivo JavaScript. Y si vamos por debajo de las variables, podemos ver que esta se establece en false. Esta es una buena manera de detectar si alguien tiene habilitado o no su Bloqueador de Anuncios, entonces lo que hagas con esta información depende de ti. Puedes ser más proactivo. Simplemente puede pasarlo a su herramienta de análisis para su posterior análisis. 15. El envueltos: Enhorabuena, ¡lo lograste hasta el final de este curso! Como has visto, hay muchas cosas diferentes para las que puedes usar Google Tag Manager. Sinceramente espero que estas lecciones te ayuden en tus actividades de marketing. Yo configuro este curso como una plataforma sobre la que construiré en el futuro. Por lo que puedes esperar ver nuevas lecciones en los próximos meses. Si tienes alguna idea sobre los temas que te gustaría que cubriera. Por favor házmelo saber. Además si tienes algún comentario o sugerencia sobre cómo puedo mejorar este curso, estaría más que feliz de escucharlos. Cualquier comentario que me des me ayuda a mejorar este curso para otros alumnos. Entonces no tengas miedo de decirme lo que te gustó y lo más importante, en lo que no hiciste. Si conoces a alguien que quiera aprender Google Tag Manager, por favor comparte este curso con ellos. Y si te resultó útil, siéntete libre de calificarlo y dejar una reseña. Gracias de nuevo por quedarse conmigo. Y buena suerte en sus futuros empeños.