El curso definitivo de Google Tag Manager: de principiante a avanzado

1. Video de bienvenida: Hola, chicos. Bienvenido a mi curso, la clase Master de Google Tag Manager. Todas las características y herramientas. Mi nombre es Tanoi Komadas. Solo para darte una experiencia sobre mí, soy un ex empleado de Google con 16 años de experiencia en publicidad PPC Llevo más de diez años enseñando anuncios PPC, y enseño a muchos jóvenes profesionales, expertos en PBC y emprendedores que quieren mejorar sus habilidades en este campo en particular Quería aprovechar esta oportunidad para que sepas lo que vas a llegar a aprender en este curso. Entonces vamos a comenzar con la comprensión de los fundamentos de Google Tag Manager, la instalación y la configuración del navegador También podremos ver la interfaz de Google Tag Manager y algunas mejores prácticas. Después veremos cómo configurar etiquetas esenciales y publicarlas, y luego entraremos en la comprensión y mejora de la expansión de los datos de seguimiento. Te mostraré algunos conceptos avanzados de seguimiento, técnicas de seguimiento de video y algunas técnicas avanzadas también, relacionadas con ID de usuario, tablas de búsqueda, grupos de Fonten Espero que al final de este curso, entiendas cómo funciona este administrador de Google tach, y puedas usarlo de manera muy efectiva para ti y para tus clientes Así que gracias una vez más, chicos por inscribirse en este curso, y espero verlos en la clase 2. Qué es Google Tag Manager y por qué lo necesitas: Hola, chicos. Bienvenidos a esta sesión. En esta sesión, hablaremos sobre qué es un Google Tag Manager y por qué lo necesitamos. Antes de entrar en esto, solo necesitamos entender primero qué es una etiqueta. Una etiqueta es un fragmento de código o un fragmento de código. En su mayoría, esto va a ser un script Java o unas imágenes de Jiff, que son dadas por diversos sitios web de terceros Sitios web de terceros, que te darán esta etiqueta, que necesitamos poner en nuestros sitios web específicamente para recopilar datos. Si estamos ejecutando, digamos anuncios o a través diferentes plataformas de anuncios como Google, Meta, Microsoft , vinculados, o digamos que estamos configurando Google Analytics en nuestro sitio web, todas estas plataformas nos proporcionarán una etiqueta. Y ahora necesitamos colocar estas etiquetas en nuestro sitio web para que esta pila pueda ayudar a recopilar datos, y que puedan usarse para analizar, experimentar el usuario y rastrear propósitos. Por lo que puede haber varios tipos de etiquetas que tendremos que configurar en nuestro sitio web. Entonces echemos un vistazo a esto. Entonces puede haber una etiqueta de Google que usamos para análisis, para anuncios de Google, rastreo, para conversiones. También puede haber una configuración de píxeles de Facebook o un código de píxel que está ahí, que debe pegarse, que se utiliza para rastrear datos para ejecutar anuncios de Facebook. Y de manera similar, también puede haber una etiqueta publicitaria de Microsoft, que podríamos poner cuando estamos ejecutando anuncios de Microsoft. Entonces echemos un vistazo a algunos ejemplos en vivo de cómo se verá esto en un sitio web específico. Entonces digamos que estamos viendo al New York Times como el periódico. Por lo que diferentes sitios web, tenemos las etiquetas implementadas para recopilar datos de usuario por diversas razones. Entonces, si solo seguimos adelante y hacemos una fuente de página de vista en ese tipo de sitio web, podemos identificar estos códigos buscando, digamos que estamos buscando. Entonces podemos ver aquí en esta página, tenemos este particular Google Tag Manager, que se destaca aquí. Entonces este es el código que viene por aquí. De la misma manera, si miras cualquier sitio web de tecnología, digamos que estamos viendo el crujido tecnológico aquí en este sitio web Aquí también, si haces una fuente de página de vista, podemos ir a la fuente de la página y también podemos buscar cualquier etiqueta de búsqueda. Entonces aquí también, puedes ver que hay un código de Google Tag Manager que aparece aquí mismo. Así, varios sitios web tendrán el código configurado para fines de seguimiento. Otro ejemplo puede ser, digamos que estamos viendo un sitio web deportivo, y aquí también si hacemos una fuente de página de vista, llegaremos a ver el código de esta manera particular. Podemos ver que hay muchos sitios web que tendrán estos códigos implementados principalmente con el propósito de rastrear los datos de los usuarios, lo cual es útil para hacer mucho análisis y para publicar anuncios también. Entonces ahora, ¿sólo para entender qué es un gestor de Google Tag? Esta es una herramienta creada por Google o una plataforma que ayuda a administrar múltiples etiquetas en un sitio web de una manera mucho más eficiente. Si tengo un sitio web donde se implementan múltiples etiquetas, este gestor de etiquetas puede ayudarnos a administrarlas de una manera mucho más fluida y fácil. Entonces, con lo que te ayuda Google Tag Manager es que elimina la necesidad de poner códigos individuales en el sitio web. Más que eso, lo que ponemos en el sitio web es solo un pote contenedor de Google Tag Manager Y ahora lo que hacemos es que tenemos todas las etiquetas individuales en nuestra interfaz de Google Tag Manager. Entonces, sean cuales sean los cambios o la gestión que tengamos que hacer, lo hacemos en la interfaz de Google Tank Manager, y eso se refleja en la página del sitio web a través del contenedor Google Tag Manager. Entonces de esta manera, se vuelve mucho más fácil lidiar con múltiples portes para nuestros sitios web. Espero que esto tenga sentido. Entiendes ahora qué es esta herramienta y cómo ésta básicamente funciona en la gestión eficiente múltiples etiquetas para nuestros sitios web. Muchas gracias chicos por escuchar esta sesión, y los veré en el próximo deshierbe. 3. Complementos útiles de Chrome para trabajar con Google Tag Manager: Hola, chicos. Bienvenidos a esta sesión. En esta sesión, queríamos ver diferentes plugins de chrome, los cuales podemos usar mientras trabajamos en Google Tag Manager. Existen diferentes tipos de extensiones de cromo que podemos usar para fines de seguimiento e informes. Echemos un vistazo a esto. El primero, he hecho un documento el cual voy a compartir con ustedes en la sección de recursos del curso, para que puedan acceder fácilmente a él desde el Así que estos son todos los diferentes tipos de mí plug in skys Entonces el primero es tack assistant, facebook pixel helper, twitter, pixel helper, y así sucesivamente y así sucesivamente Estos son todos los que podemos usar fácilmente para diferentes propósitos de seguimiento e informes. Entonces echemos un vistazo a esto. Entonces el primero, va a ser el compañero asistente de Google Tag. Entonces esta es una extensión de baile, que básicamente ayuda a las grandes ligas al Google Tag Manager, que estamos tratando de aprender aquí en este curso, es a lo que puedes acceder desde esta extensión de baile en particular. Entonces a partir de aquí, este asistente de etiquetas realmente ayuda a administrar múltiples puertos en el sitio web. También puede ver qué puertos se están ejecutando aquí y cómo puede depurar también. Todas esas cosas se hacen fácilmente a través de la plataforma Google. Esta es una de las herramientas de rastreo más utilizadas. El otro va a ser el ayudante meta Pixel. Esta es una herramienta que se utiliza en el caso de los metaanuncios. Si estás planeando publicar meta anuncios y quieres rastrear el código, el píxel que hemos configurado en el sitio web para rastrear conversiones a través de metaanuncios. Entonces podemos usar este ayudante de meta Pixel, que también hace lo mismo, en donde nos dice claramente si el píxel se ha colocado correctamente en la página del sitio web o no, o no se está cargando. Obtenemos información clara con respecto a meta ad stra. El tercero de manera similar se puede usar como ayudante de Twitter Pixel, que hace el mismo trabajo cuando estamos ejecutando anuncios de Twitter, y si queremos rastrear las conversiones que vienen a través de los anuncios de Twitter, entonces esta extensión de Chrome en particular puede ser de gran utilidad. Del mismo modo, también tenemos la extensión Prom de Microsoft ads, que es un ayudante de etiquetas UIT Esto hace lo mismo, en donde cuando estamos ejecutando anuncios de Microsoft, y queremos rastrear las conversiones que provienen de él, podemos colocar el código y luego esta extensión de baile en particular puede ayudarnos a saber si la etiqueta está funcionando, disparando correctamente o no. ¿Está rastreando los datos o no? Ese tipo de información que va a proporcionar. Entonces esto va a ser de la publicidad de Microsoft. Ahora, aparte de esto, hay otra extensión de cromo, que es como un explorador de etiquetas. Ahora, el explorador de etiquetas es básicamente esta extensión ayuda a ver cuáles son todas las etiquetas que hay en el sitio web. Entonces así, puedo ver cuáles los diferentes tipos de etiquetas que hay en mi sitio web. ¿Bien? Si quiero pausar alguna etiqueta en particular, puedo hacerlo desde aquí quitando el botón de verificación de aquí. Bien. Entonces de esta manera, puedo controlar y administrar y ver múltiples etiquetas que están ahí en el sitio web, y puedo trabajar en ellas. Entonces esa es tu extensión de Chrome del explorador de etiquetas. Otro que podemos usar aquí es el depurador de análisis. La extensión del depurador de Analytics se utiliza cuando hemos configurado un código de Google Analytics, y queremos depurarlo, ver si hay algún error con él Entonces podemos ver en esta extensión específica de chrome en particular, donde la cual nos va a dar toda esa información. Y entonces podemos hacerle cambios. Tal vez podamos pausar la etiqueta o editar la etiqueta. Todas esas cosas serán posibles a partir de esta particular extensión cromada. Centrándose principalmente en la depuración de etiquetas de Google Analytics. Aparte de eso, también tenemos una extensión GTM copy paste me Esto es útil cuando queremos copiar el código GTM de una cuenta en particular a otra. Si quieres hacerlo. Cuando digamos que lo estás haciendo para múltiples clientes, estás configurando GTM para múltiples clientes, y necesitas usar el mismo código con diferentes clientes, entonces esta extensión rom en particular puede ser realmente útil donde simplemente puedes copiar la etiqueta de una cuenta en particular y luego moverla a la otra cuenta Esa es tu extensión GTM copy paste prom. Y entonces la última va a ser extensión Ad Swerv Prom, que se utiliza principalmente para volver a configurar el código GTM de Google en Podemos hacerlo a partir de esto. También podemos analizar las capas de datos que se crean en la cuenta GTM Todas esas cosas, que puedes ver aquí a través de esta particular extensión de baile también. Entonces estos son todos los enchufes o extensiones de baile de graduación que podemos hacer uso de. En este video en estos puertos, vamos a ver algunos de ellos, cómo podemos implementarlos, y eventualmente, deberías poder usarlos manera efectiva para tu negocio y para tus clientes. Espero que esto tenga sentido. Espero que entiendas todas estas extensiones de baile o plug ins para GTM y cómo podemos hacer uso de ellas. Muchas gracias chicos por escuchar esta sesión, y los voy a ver en el siguiente video. 4. Crea una cuenta de Google Tag Manager: Hola, chicos. Bienvenidos a esta sesión. En esta sesión, veremos cómo podemos abrir una cuenta de Google Tag Manager. Entonces, para hacer esto, vamos a buscar Google Tag Manager en Google, y veremos el primer sitio web aquí, que puedes hacer clic, y esto nos llevará al sitio web aquí afuera. Por lo que te pedirá que inicies sesión con tu cuenta de Google, para que proporciones tu ID de correo electrónico y contraseña, y llegarás a esta página en particular. Entonces a partir de aquí, podemos seguir adelante y crear una nueva cuenta para nuestro Google Tag Manager. Entonces donde podemos proporcionar ciertos detalles. Entonces lo primero que tendrás que proporcionar aquí, va a ser el nombre de la cuenta. Entonces, cualquiera que sea el nombre de su empresa o el nombre de su cliente, puede proporcionar aquí. De esta manera, puedo proporcionar el nombre, y luego podemos elegir también el país. Una vez que hagas eso, entonces tenemos que hacer la configuración del contenedor. El contenedor es básicamente un espacio de almacenamiento donde vamos a almacenar todas las diferentes etiquetas, que estaremos pegando en el sitio web Entonces esto también tenemos que definirlo aquí. Entonces podemos dar un nombre de contenedor. Ahora, esa puede ser la URL de nuestro sitio web, que podemos proporcionar aquí. Y vamos a hacer esto para las plataformas apuntadas. Lo estamos haciendo, digamos para páginas web, IOS, así que todas estas opciones estarán abiertas para nosotros. Entonces estaremos haciendo una configuración de etiquetas para todas estas plataformas por defecto. Por lo tanto, puede proporcionar URL de su sitio web de esta manera particular. Este es el sitio web para el que estamos configurando la etiqueta, y luego podemos seleccionar principalmente sitio web para el que queremos hacer esto, que está en páginas web de escritorio y móviles, y luego podemos crear Estos son los términos y condiciones con los que tenemos que estar de acuerdo y decimos aceptar a esto, y entonces podemos avanzar desde aquí base. Una vez que hagas esto, ahora se está creando la cuenta, que luego generará el código. Puedes ver ahora, este es el código que necesita ser pasado en la parte posterior de nuestro sitio web. Si por si acaso, una vez que creas la cuenta, este pop up no surge. Entonces en la página de inicio de Google Tag Manager, puedes simplemente ir a tu etiqueta particular de código GTM por aquí Si haces clic en él, eso te llevará de vuelta a la página, y puedes simplemente copiar desde aquí, sigue las instrucciones que se dan aquí y pégalo en la parte posterior de cada página de tu sitio web. Espero que tenga sentido que entiendas ahora el proceso completo, la forma sencilla de abrir una cuenta con Google Tag Manager. En el siguiente video, veremos cómo podemos pegar este código en el back end de nuestro sitio web y activar el código GTM particular Muchas gracias, chicos por escuchar esta sesión, y los veré en el siguiente video. 5. Descripción general de 5 métodos de instalación de Google Tag Manager: Hola, chicos. Bienvenidos a esta sesión. En esta sesión, veremos las cinco formas diferentes de instalar el Google Tag Manager en diferentes plataformas. Entonces el primero puede ser la instalación manual. Entonces veremos esto en los próximos videos, cómo podemos instalar el código GTM que obtuvimos en el video anterior manualmente en nuestro sitio web. Esa es una. El segundo día va a ser WordPress, así que en un sitio web de WordPress, cómo podemos hacer el mismo trabajo si nuestro sitio web o el sitio web de nuestro cliente está construido sobre WordPress. Entonces vamos a ver cómo se puede implementar el código GTM en un sitio web de tienda de archivos shoppe Bien, cómo en un almacén de archivos Shoppe, esto se puede hacer muy fácilmente Y luego de manera similar, veremos si un sitio web está construido sobre espacio cuadrado, cómo podemos implementar el código GTM en eso Y entonces el último va a ser el inyector tag manager, del que también estuvimos discutiendo antes, que es en Swerve a través del cual podemos usar esta herramienta para también se implemente el código TM en cualquier Entonces echemos un vistazo a estos tipos. En los próximos videos, veremos cómo estos se pueden implementar en diferentes sitios web a través de diferentes plataformas. Muchas gracias, chicos por escuchar esto, y los veré en el próximo VD. 6. Configuración del Administrador de etiquetas de Google en Wix: Hola, chicos. Bienvenidos a esta sesión. En esta sesión, veremos cómo podemos configurar el Google Tat Manager en un sitio web de ICS, un sitio web, que se construye sobre ICS. Entonces echemos un vistazo a esto. Entonces vimos en el video anterior que una vez que conseguimos hacer la configuración particular de GTM, cuando abrimos la cuenta con Google Tag Manager, obtenemos un código particular de esta manera particular, donde podemos instalar este código en cada página del sitio web, ¿verdad? A partir de aquí, lo que requerimos es solo el ID del código GTM, que es este, que podemos copiar desde aquí, y ahora podemos pegarlo en el back end de nuestro sitio web de ICs Entonces echemos un vistazo a esto. Este es un sitio web del ICS, que tengo, en el que vamos a pegar este código. Por lo que actualmente, si ves en este sitio web en particular, este sitio web no tiene ningún código en estos momentos. Esta extensión de chrome nos ayuda a verificar y probar si algún sitio web tiene algún código en él o no. Ahora mismo, lo que vemos es que esto no tiene ningún código como tal. Lo que vamos a hacer es que vamos a configurar el código GTM en este sitio web en el back end, para lo cual vamos a ir al tablero de Is Este es el dashboard donde tenemos que venir, y aquí podemos ir específicamente a la página de configuración. Donde podemos ir a integraciones de marketing, donde podemos integrar Google Tag Manager con el sitio web Así que aquí puedes ver la opción de Google Tag Manager que viene, para que puedas conectarte por aquí, y puedes agregar el ID de Google Tag Manager. El que copiamos al principio es lo que estamos pegando aquí, y podemos salvarlo Entonces ahora puedes ver que dice que Google Tag Manager se ha conectado al sitio, así que echemos un vistazo a esto. Así que cuando volvamos a nuestro sitio web y refresquemos la página una vez más. Entonces ahora deberíamos estar viendo el Google Tag Manager, que se muestra por aquí con un Green Smiley, el mismo código está por aquí, lo que significa que esto se ha implementado con éxito en el sitio web Entonces así es como se configura el código de Google Tag Manager en un diseño de sitio web de Vicks. Espero que esto tenga sentido. Entiendes el proceso completo, cómo hacer esto para un sitio web de Weeks específicamente. Muchas gracias, chicos por escuchar esta sesión, y los veré en el siguiente video. 7. Configuración del Administrador de etiquetas de Google en Wordpress: Hola, chicos. Bienvenidos a esta sesión. En este video, veremos cómo podemos configurar el Google Tag Manager para un sitio web de WordPress. Para ello, vamos a entrar, de nuevo, a partir del principio, que es que una vez que creamos la cuenta de Google Tag Manager, nos va a generar el código de esta manera. Entonces vamos a tomar el código, el ID, el ID GTM de aquí, y copiamos esto Y ahora volveremos a ir a nuestra página web. Digamos que este es el sitio web que tenemos y la cuenta de WordPress que hemos creado. En WordPress, la forma más fácil de configurar el código GTM es agregando un plug in Entonces puedes ir a plug ins donde podamos buscar, digamos Google Tag Manager. Y te va a dar muchas opciones, que podemos ver aquí afuera. No obstante, de estos, el mejor y el más sencillo de usar sería un Google Tag Manager para WordPress de Thomas Geiger Si vas a éste específicamente, te pedirá que llenes la identificación. Puedes llenar la identificación por ahí y simplemente guardarla. Una vez que lo guardes, se activará en el sitio web, y tu código de Google Tag Manager se instalará en el sitio web. Así de sencillo va a ser configurar el código GTM en un sitio web de WordPress Solo necesitamos instalar el plug in correcto, que es este, GTM para WordPress, de Thomas Geiger En eso, te pedirá que pegues el ID, el ID GTM. Simplemente la pegas y podrás guardarla. De esta manera, base, podemos configurar nuestro código de Google Tag Manager en un sitio web de WordPress para nosotros o para nuestros clientes. Espero que esto tenga sentido. Entiendes este proceso. Muchas gracias, chicos por escuchar esta sesión, y los veré en el siguiente video. 8. Configuración del Administrador de etiquetas de Google en Shopify: Hola, chicos. Bienvenidos a esta sesión. En esta sesión, veremos cómo podemos configurar el Google Tag Manager en un sitio web de Shope Pi Entonces echemos un vistazo a esto. Para empezar, de nuevo, iremos a la cuenta de Google Tag Manager, que hemos creado y obtendremos el código por aquí. Tendremos que pegar ambos códigos en el sitio web de Shope Pi Entonces comencemos con el primero. Esto es lo que vamos a copiar. Y ahora podemos ir a nuestra tienda Shopify. Digamos que esta es la parte de atrás de la tienda Shop fi. Tendremos que ir a la tienda online donde vamos a temas. Los temas serán el tema del sitio web, y ahora aquí, vamos a ir al tema actual que se está utilizando y editaremos el código. En editar el código, vamos a mirar específicamente la sección de líquidos, y justo aquí después de la etiqueta Meta, vamos a pegar el código. Puedes ver que el código de Google Tag Manager ha sido pegado aquí, y podemos guardar esto. Esto está hecho. Ahora volveremos otra vez, y ahora necesitamos instalar el segundo código, que es este. Esto tiene que ir después de la sección del cuerpo del código. Nuevamente, vamos a buscar sección de cuerpo para la cual puedes hacer una F de control y puedes buscar clase corporal. Y ahora se puede ver justo aquí después de esto, vamos a pegar la segunda parte. Aquí hemos pegado la segunda parte del código de Google Tag Manager, y podemos guardar esto Esta es la forma sencilla por la que podemos pegar ambos códigos en nuestro sitio web Shoppe fi en el back end Y ahora esto se reflejará en nuestro sitio web, y podremos rastrear nuestra información, nuestras conversiones a través de Google Tag Manager en una tienda de archivos Shoppe Espero que esto tenga sentido. Entiendes ahora cómo estamos haciendo esto para una tienda Shoppe fi también Muchas gracias, chicos por escuchar esta sesión, y los veré en el siguiente video. 9. Configuración del Administrador de etiquetas de Google en Squarespace: Hola, chicos. Bienvenidos a esta sesión. En esta sesión, veremos cómo podemos configurar un Google Tag Manager en un sitio web de espacio cuadrado. Entonces echemos un vistazo a esto. Comenzaremos el proceso primero yendo a nuestra cuenta de Google Tag Manager, y podemos obtener el código desde aquí. Así que tendremos que pegar ambos códigos en la página web de Squarespace Entonces vamos a copiar el primer código. Y ahora podemos ir a nuestro sitio web de espacio cuadrado. Digamos que este es el sitio web. Tendremos que pasarlo como un código personalizado. Lo que sucede con el espacio cuadrado es que no tienes una integración específica con Google Tag Manager a través del espacio cuadrado. Entonces tendremos que agregar esto como un código personalizado. Por hacer eso, podemos llegar a la página del editor del sitio web y podemos ir a las páginas, donde podemos ir a las herramientas del sitio web. En las herramientas del sitio web, podemos ir a la inyección de código, donde vamos a agregar estos códigos. Entonces el primer código que tenemos, podemos ponerlo en la sección de encabezado de esta manera particular. Podemos ver que el código de Google Tag Manager ha sido pegado aquí Y luego el segundo código puede ir en la sección de pie de página. Así que también podemos poner eso en el pie de página. Este específicamente, podemos copiarlo, y ahora ponerlo en la sección de pie de página. De esta manera, podemos agregar ambos códigos a nuestro sitio web de espacio cuadrado, y Google Tag Manager se instalará aquí, y comenzará a rastrear todos los detalles por nosotros. Espero que esto tenga sentido. Entiende esto ahora, cómo podemos agregar un código GTM para un sitio web de espacio cuadrado Muchas gracias, chicos por escuchar esto, y los veré en el siguiente video. 10. Inyecta el contenedor de Google Tag Manager en cualquier sitio web: Hola, chicos. Bienvenidos a esta sesión. En esta sesión, veremos cómo podemos hacer uso de una extensión de Cm en particular para instalar Google Tag Manager en cualquier sitio web. Entonces lo que vamos a usar va a ser la extensión de AdWord Prom, que también habíamos discutido en los videos anteriores Entonces echemos un vistazo a esto. Entonces como vimos anteriormente también, lo primero es que iniciamos sesión en nuestra cuenta de Google Tag Manager, y podemos llegar a la parte de código particular donde podemos copiar el ID de etiqueta. Y ahora, lo que podemos hacer es instalar esta capa de datos Azer inspeccionar más extensión chrome en nuestro navegador chrome Como pueden ver, esto ya está instalado por aquí. Lo que vamos a hacer es instalar el código Google Tag Manager en nuestro sitio web, el mismo sitio web, en el que no tenemos ningún código en este momento. Lo que vamos a hacer es, vamos a ir a esa extensión de Chrome una vez que la tengamos instalada, y podemos ir a opciones avanzadas donde podemos ir a agregar funcionalidad, donde vamos a insertar el contenedor GTM Aquí es donde puedes pegarlo. Además, tendrás que proporcionar la URL del sitio web en el formato de esta manera. Así que ahora también hemos dado el sitio web y hemos dado el contenedor GTM, y podemos guardar esto Una vez que lo guardes y la página se recarga. Así que ahora podemos ver que el Google Tag Manager se ha instalado en el sitio web muy fácilmente. Entonces esta es otra forma muy sencilla chicos por la que se puede configurar un Google Tag Manager en cualquier sitio web con la ayuda de esta sencilla extensión. Espero que esto tenga sentido. Entiendes el proceso completo, cómo hacerlo. Muchas gracias, chicos por escuchar esta sesión, y los veré en el siguiente video. 11. Descripción general de la interfaz GTM: Hola, chicos. Bienvenidos a esta sesión. En esta sesión, veremos la interfaz de Google Tag Manager y entenderemos cómo usarla. Entonces, una vez que inicies sesión en tu cuenta de Google Tag Manager, así es como se verá la interfaz. En la parte superior izquierda, puedes ver el logo y el nombre que viene por aquí, Tag Manager. Y aquí es donde aparecerá la URL del sitio web de tus cuentas. Y ahora puedes ver que hay diferentes pestañas por aquí. El primero es el espacio de trabajo. Workspace es un lugar donde vas a construir el contenedor, donde vas a agregar las nuevas etiquetas que quieres colocar en tu sitio web. Workplace va a ser la sección, donde estás construyendo las etiquetas, administrando las etiquetas, todo eso sucede. Ahora, Google también te da por defecto tres lugares de trabajo para trabajar Para que también puedas usar los otros dos. Puedes tener tres espacios de trabajo diferentes, que puedes usar simultáneamente. Ahora, esto también puede ser útil cuando estás trabajando con un equipo, para que puedas trabajar en tu propio espacio de trabajo, que tienes, y también tienes a otras personas trabajando en diferentes espacios de trabajo De esa manera, puede suceder mucha colaboración. Esta es la página de resumen chicos donde podemos ver toda la información. Así podrás ver la nueva etiqueta que podemos configurar aquí. Puedes dar una descripción de esta etiqueta, ¿ qué etiqueta planeas instalar? Y en los cambios de espacio de trabajo, verás una vez que creamos la etiqueta, se enumerarán aquí abajo. Entonces veamos la segunda opción, que son las etiquetas. Las etiquetas van a ser trozos de código o fragmento de código, que pegamos en Ahora bien, esto puede ser una etiqueta de Google, puede ser un píxel meta píxel, o puede ser una etiqueta mi Microsoft, diferentes tipos de etiquetas de Google Analytics, que estamos pegando en el sitio web únicamente con fines de seguimiento, seguimiento relacionado con el rendimiento y fines de reporte, lo hacemos Entonces estarás creando esos aquí en esta sección en particular. La segunda pieza va a ser disparadores. Entonces disparadores es, ¿cuándo exactamente queremos disparar la etiqueta? ¿Bien? Entonces esto está sucediendo por ejemplo, digamos, estoy creando una etiqueta para una marca de comercio electrónico como Amazon. Entonces lo que queremos es que la etiqueta se pegue en la página de agradecimiento del sitio web, y se activará solo cuando un usuario aterrice en la página de agradecimiento Y eso es lo que se considerará como una conversión o una venta. Entonces disparadores es donde vas a definir cuándo se dispararán las etiquetas. Aquí puedes agregarle la página de agradecimiento en caso de que lo estés haciendo para conversiones, y la definirá al sistema que necesita disparar la etiqueta solo cuando un usuario aterrice en la página de agradecimiento. Entonces esa va a ser la sección detonante para nosotros. La otra opción son las variables. En las variables, se pueden definir diferentes tipos de variables, que son específicas de Google, que se construyen en variables, y luego puede haber una variable definida por el usuario, que podemos definir. Estas variables pueden ayudarnos a definir diferentes tipos de secciones del sitio web. Aquí, también, funcionan como un contenedor donde podemos definir, digamos una variable de URL de página que estamos definiendo, que es para una landing page específica de un sitio web. Se pueden construir diferentes variables aquí en esta sección, que luego se usarán en las etiquetas, y podremos rastrear información específica. La otra opción que obtenemos aquí son las carpetas. Las carpetas se utilizan para administrar etiquetas, disparadores y variables juntos. En carpetas separadas, puedes meterlas para que las puedas organizar de una manera mucho mejor. De esta manera, nos resulta más fácil administrar múltiples etiquetas para una marca en particular. Y luego vienen las plantillas. Las plantillas son específicamente etiquetas y variables construidas por la comunidad , y también puedes acceder a esta comunidad, y puedes usar ciertas etiquetas construidas por estas comunidades. ¿Bien? Así que puedes encontrar una gran cantidad de etiquetas y variables preconstruidas aquí si buscas en la galería, y puedes usarlas por diversas razones. Como puedes ver, esto es para la plantilla de etiquetas, y también tendrás una galería para las variables, cual ha sido creada, y podrás utilizarlas con fines de seguimiento. Aparte de esto, otra sección importante de la interfaz va a ser vista previa y enviar. Enviar es donde vas a ir una vez que creas la etiqueta, necesitas publicarla para que se active en el sitio web. Aquí es donde publicamos y lo entregamos. Una vez que se envía, entonces la etiqueta comienza a funcionar en el sitio web. podemos dar alguna información sobre la etiqueta, la versión de la misma también. A que se puede configurar aquí. El otro segmento de recopilación de información es pre view. Vista previa es donde puedo probar la etiqueta. Sólo puedo hacer una prueba de la etiqueta donde vivo. Nos llevará al sitio web y nos mostrará si la etiqueta está siendo despedida o no. Podemos realizar ciertas acciones. Esto es como una prueba de la etiqueta que estamos haciendo para que podamos ver la funcionalidad clara de la misma y si está funcionando correctamente o no. Es un segmento muy importante. La mayor parte del tiempo, vamos a pasar en estos donde estás probando nuestras diferentes etiquetas para verificar si está funcionando correctamente o no. Además de esto, también tenemos versiones por aquí. En las versiones, se puede ver qué versión de la etiqueta se está trabajando actualmente en el sitio web. Ya sea que esté disparando correctamente o no. Por lo que aquí verás información completa dada por Google, ya sea que esté funcionando o no. Y cuántos disparadores de etiquetas disparó para que ese conteo se muestre. El último es Admin, donde podemos ver los detalles de configuración de la cuenta del Google Tag Manager, que puedes ver aquí. Puede agregar otros usuarios del segmento de administración de usuarios. También puedes hacer lo mismo con el contenedor, donde tienes múltiples opciones dadas aquí. Se pueden agregar diferentes usuarios que pueden acceder al contenedor. Por si acaso, no puede encontrar el código que necesita ir en el sitio web. Puedes venir a esta opción y puedes instalar Google Tag Manager, y aquí nuevamente, obtendrás las opciones para tomarlo desde aquí. Entonces estas son todas las configuraciones de la cuenta, que podemos obtener aquí. También puedes exportar o importar tus contenedores. Si quieres trasladar tu contenedor a otra cuenta para esos fines, puedes hacerlo. Así va a quedar la interfaz del administrador de etiquetas para todos. Espero que esto tenga sentido. Entiendes ahora todas las características de esto. Si también quieres obtener el código rápidamente, entonces puedes simplemente hacer clic en el ID de GTM muestra en la esquina superior derecha de esta manera, y el código aparecerá en el medio de la pantalla Entonces estas son todas las características chicos de la Interfaz de Google Tag Manager. Espero que esto tenga sentido. Muchas gracias, chicos por estar conmigo en esta sesión, y los veré en el siguiente video. 12. Mejores prácticas y consideraciones: Hola, chicos. Bienvenidos a esta sesión. En esta sesión, veremos y hablaremos sobre algunas de las mejores prácticas y consideraciones de Google Tag Manager. Entonces, si miras al Google Tag Manager, hay muchas cosas diferentes, puedes decir limitaciones o consideraciones que debes tener al usar esta herramienta. El primero es la herramienta basada en JavaScript, lo es. Entonces esta herramienta en particular, se limita a lo que hagas dentro ventana del navegador, ¿de acuerdo? Por lo que la herramienta GTM solo puede ayudarte dentro de la ventana del navegador, en qué estamos trabajando en ella. Si los usuarios tienen JavaScript deshabilitado, entonces Google Tag Manager no puede ayudar y Ds no puede ayudar con su funcionalidad completa. Entonces ese es un tipo de limitación que tienes con la herramienta de aquí afuera. El otro aspecto de ello son los datos de exposición. Entonces esta siendo una herramienta, es más como una restricción. Entonces en donde, la herramienta en sí no tendrá todos los datos de su sitio web en sí. Tendrás que proporcionarlo. ¿Bien? Tendrás que proporcionarlo tal vez a través de un enchufe en el que agregues a tu prensa de palabras y a través del cual obtengas un dato, que se puede integrar con Google Tag Manager. Entonces así es como obtendrá los datos el Google Tag Manager. No va a obtener los datos sobre sí mismo. El otro aspecto del uso de GTM está relacionado con la velocidad. Entonces, como puedes ver en un Google Tag Manager, estamos manejando múltiples etiquetas, que va en la página. Hay disparadores que estamos usando variables que definimos. Esto ciertamente puede ralentizar la velocidad del sitio web. Consume gran parte de la CPU, y eso puede tener un impacto en la experiencia del usuario Entonces lo que podemos intentar hacer es que podamos organizar nuestras etiquetas de una manera mucho mejor donde podamos evitar ciertas etiquetas que no son prioritarias. A lo mejor podamos despedirlos después también. Eso ciertamente puede ayudar a solucionar problemas relacionados con la velocidad. Y entonces el último punto es que al final del día, esta es una herramienta que vamos a utilizar aquí afuera. Es más dependiente de nosotros que lo conveniente, qué tan compatibles somos con JavaScript o pod TML Cuanto más efectivos y entendemos Java scrap y EstiML poding, podremos utilizar la herramienta GTM de una manera mucho más efectiva y Estas son algunas de las limitaciones y consideraciones. El otro aspecto son las mejores prácticas. Una de las mejores cosas que puedes hacer al administrar múltiples etiquetas con Google Tag Manager es eliminar los elementos no utilizados. Si tiene varias etiquetas que se están creando, cuales permanecen sin usar. La buena práctica sería que solo los elimines y eso puede ayudar a reducirlo puede aumentar la velocidad del sitio web. Cualquier tipo de datos que estés rastreando, pero que no los uses a menudo, entonces eso también se puede eliminar, tal vez. De esa manera estás aumentando la velocidad del sitio web. El otro aspecto es el control de versiones. Entonces, como viste, estaremos creando diferentes versiones cuando estemos construyendo múltiples etiquetas, disparadores y variables. Entonces, cuando estés publicando la versión, una buena idea sería que des una descripción clara de esta versión. Lo que básicamente hace esta versión, qué etiquetas desencadena tiene en ella. La razón es que, entonces en el futuro, cuando tengas múltiples versiones, podrás volver fácilmente a la que quieras Otro aspecto de ello es que cuando estás creando estas versiones. No queremos que sea un caso que haya muchas etiquetas que creas, luego disparadores, que creaste, y luego creas variables también. Después de hacer todo eso, creas la primera versión. Lo que preferiríamos es una forma sistemática de crear múltiples versiones. Puede desglosar todo el proceso en pequeños pasos pequeños, y después de completar un paso en particular, se puede crear una versión. De esa manera, nuevamente, revertir se vuelve mucho más fácil. El otro aspecto es la gestión de usuarios. Entonces, cuando estés trabajando con múltiples clientes, posiblemente, tendrás varios miembros del equipo que estarán trabajando en esas diferentes cuentas o contenedores. Entonces es una buena idea que crees, les des acceso individual a sus contenedores específicos, a las cuentas, en lugar de compartir tu acceso o tus credenciales de registro con los miembros de tu equipo, darles acceso individual es una mejor manera de administrar el trabajo. Y lo último es, construir un plano. Entonces, antes de configurar cualquier etiqueta, disparadores o variables en particular para tu cliente o para ti mismo, necesitamos hacer un plan en torno a lo que serán las etiquetas. Cuales serán los detonantes, que vas a estar definiendo. ¿Cuáles serán las variables que quieres? ¿Qué deberían hacer estas etiquetas? ¿Bien? ¿Cuál es la estrategia detrás de por qué estás configurando las etiquetas? ¿Cuáles serán los datos, cuáles saldrán de él? Entonces necesitamos enumerar esto en una hoja de papel para que tengamos la imagen completa de cuál es el propósito de construir esta etiqueta en particular o desencadenantes en particular para un cliente o para nosotros mismos. Una vez que tengas eso en su lugar, entonces trabajar en la cuenta real sería una mejor manera de lidiar con ella. Espero que esto tenga sentido. Entiendes ahora, cuáles pueden ser algunas de las mejores prácticas o hábitos que puedes construir alrededor usando Google Tag Manager de una manera mucho más eficiente. Muchas gracias, chicos por escuchar esta sesión, y los veré en el siguiente video. 13. Convenciones de nombres: Hola chicos. Bienvenidos a esta sesión. En esta sesión, discutiremos sobre las convenciones de nomenclatura, cómo podemos nombrar nuestra cuenta de Google Tag Manager, que estamos administrando Hay diferentes formas de hacerlo. Entonces el primero es el nombre de la cuenta. Entonces el nombre de la cuenta, por lo general, lo que nos gustaría mantenerlo como el nombre de la empresa. Entonces, si es tu propio negocio para que has configurado tu Google Tag Manager, entonces el nombre de la cuenta puede ser el nombre de tu empresa, o si es para tus clientes, entonces puede ser el nombre de la compañía del cliente. Bien, así de esa manera, estará mucho mejor organizado. Si estás manejando varios clientes, entonces una buena idea sería que crees una cuenta para cada cliente y puedas administrarlos por separado. Y se puede dar el nombre. El nombre de la cuenta puede ser el propio nombre del cliente, que se puede utilizar. Entonces de esa manera, es una forma mucho más mejor de administrarlo con múltiples cuentas. El segundo es contenedor. En el contenedor, lo que estamos diciendo es que lo más sencillo que podamos mantener el nombre del contenedor puede ser el sitio web o el nombre de la aplicación para el que estamos haciendo esto. De nuevo, dependiendo de si es tu propio negocio, entonces estamos poniendo nuestro propio nombre de sitio web o aplicación, o si es para clientes, luego ponemos el nombre de su sitio web o aplicación como el nombre del contenedor. El tercero va a ser etiquetas. Ahora, cuando empiezas a construir las etiquetas en el contenedor, la etiqueta se puede escribir en un formato específico. Entonces lo que suelo usarlo tal cual es. La primera parte de ella va a ser la plataforma y la característica de plataforma, que podemos definir, ¿qué es la plataforma y para qué característica la estamos creando? Y en qué página se va a implementar. Por un ejemplo, como puedes ver aquí, píxel de Facebook, la plataforma es Facebook, la función que estoy usando es configuración de píxeles que estoy haciendo, y va a ir a la página Al carrito. De esta manera, el nombre de la etiqueta queda muy claro cuál es el propósito de esa etiqueta en particular misma manera, digamos que es una plataforma de cuentas de Google Analytics, y estamos creando un evento allá y que va a ir a la página de suscripción, o digamos una página de Google Analytics. De esta manera, el nombre de la etiqueta puede ser muy claro de entender. Ahí vienen los disparadores. Cuando vienes a disparadores específicamente, aquí, lo que prefiero hacer es un caso en el que estamos viendo cuál es el disparador particular, que va a suceder y en qué página. Cuando va a suceder. Entonces en este caso, la primera parte va a ser la acción, vista de página, lo que significa que la gente visita la página, ven la página, y esto está sucediendo en la página de T gracias. Entonces ahí es cuando se irá el gatillo. La etiqueta se disparará. Entonces de esta manera queda muy claro que lo que este detonador está destinado a hacer. De igual manera, digamos que creo un disparador para temporizador, que necesita apagarse después de 30 segundos, por lo que se disparará después de 30 segundos. De esta manera puedo construir otro disparador y definirlo de esta manera. La primera parte va a ser la acción particular que se va a tomar, y la segunda parte puede ser cuando va a suceder. Bien. De la misma manera Link click Link click puede ser un disparador, que es la gente haciendo clic en un enlace y cuando va a suceder es, cuando se está descargando un archivo. De esta manera, podemos definir nuestros desencadenantes también. Aparte de esto, cuando llegamos a variables, ahora variables, prefiero escribirlo todo en minúsculas por el hecho de que puedo diferenciarlo de disparadores y etiquetas también. Entonces me queda muy claro que estoy viendo una variable en particular que hemos definido. Aquí también, podemos mantenerlo muy sencillo, donde en la primera parte está, ¿cuál es el tipo de variable que estamos definiendo? Y luego los detalles de la misma. Entonces, por ejemplo, estoy creando una variable llamada Div, que tiene el ID de usuario en ella. Puedo crear una variable para URL, que tiene parámetros de consulta en ella, que tiene un ID de afiliado en ella, o puedo crear una variable de cookie, que tiene referencia en ella. Entonces de esta manera, puedo definir diferentes variables, lo que claramente significa su propósito Y luego el último son las carpetas. Como hablamos también en los videos anteriores, carpetas es donde puedes mantener todas tus etiquetas, figuras y variables juntas en diferentes carpetas para que puedas administrarlas mejor. Puede crear una carpeta por tipo de etiqueta. Digamos, puedes tener una carpeta separada para todas las etiquetas. A lo mejor una carpeta para todas las etiquetas de Google. Tal vez una carpeta, que es para las metaetiquetas, en todos nuestros clientes. Para que podamos hacer. Puede crear carpetas por tipo de etiqueta. También puede crear carpetas por grupos funcionales. Grupos funcionales en el sentido que ¿cuáles son sus funciones? ¿Bien? Entonces disparadores todos los disparadores pueden estar aquí. Entonces, aunque pueden ser aplaudidos juntos en una sola carpeta De esa manera, también, puedes hacerlo. O bien, puedes hacerlo por los miembros del equipo. Si tienes varios miembros del equipo que están administrando diferentes tipos de etiquetas para diferentes clientes, entonces puedes tener carpetas por el nombre del miembro del equipo. Entonces sabrás que lo que todas las etiquetas de una persona en particular está manejando. Entonces estas son diferentes convenciones de nomenclatura que creo que podemos usar para organizar su trabajo de una manera mucho más eficiente Estas son mis formas de encontrar una manera más sencilla de hacerlo por mí mismo. También puedes hacerlo de manera similar o puedes averiguar la manera en que te resulte cómodo hacerlo. Espero que esto tenga sentido. Entiende ahora cómo se pueden usar las convenciones de nomenclatura para facilitar nuestro trabajo Muchas gracias, chicos por escuchar esto, y los veré en el siguiente video. 14. Tipos de desencadenante en Google Tag Manager: T. Hola, chicos. Bienvenidos a esta sesión. En esta sesión, discutiremos sobre los disparadores, entendiendo los diferentes tipos de disparadores que podemos hacer uso en el Administrador de etiquetas de Google. Entonces echemos un vistazo a los chicos de dis. Entonces los disparadores básicamente van a ser condiciones que se utilizan para disparar varias etiquetas. Así que cualquier tipo de actividad que esté sucediendo en el sitio web crea diversos eventos. Entonces almacenamos estos eventos en estos disparadores, y así es como puedes usar estos disparadores para disparar etiquetas apropiadas. Por lo que esto se disparará cuando se disparará una etiqueta en particular cuando se cumplan estos disparadores o condiciones. Entonces echemos un vistazo al disfraz. Así que una vez que estemos dentro de la cuenta de Google Tag Manager, podemos ir a los disparadores en el panel izquierdo, y aquí es donde comenzarás a crear diferentes tipos de disparadores. Así podrás ir a la nueva sección donde verás varios tipos de disparadores disponibles si haces clic en esta configuración de disparadores. Entonces ahora puedes ver estas son todas las opciones que Google te brinda. Hay varios tipos de disparadores bajo la vista de página. Luego hay activadores basados en clics, participación del usuario y también hay otros desencadenantes. Como por ejemplo, un desencadenador de vista de página es el que se activa cuando un usuario en particular se activa cuando los usuarios ven una página específica. O desencadenantes relacionados con enlaces, enlaces es una especie de disparador donde la gente está haciendo clic en ciertos enlaces en su sitio web. Todos los elementos va a ser un caso donde la gente va adelante y mirando diferentes tipos de elementos en la página. A lo mejor están abriendo una página en particular. Están moviendo un botón de radio o un menú desplegable. Por lo que varios tipos de elementos pueden estar ahí en el sitio web, lo que están haciendo, y que también nos gustaría rastrear. Entonces esto se desencadena en esos escenarios. Del mismo modo, en la interacción del usuario, tenemos algo así como la profundidad de desplazamiento, que se activa cuando los usuarios se desplazan por tu sitio web Entonces este disparador básicamente rastrea cuánto porcentaje de la página se desplazó verticalmente u horizontalmente. De igual manera, tienes envío de formularios, que es un caso cuando las personas llenan el formulario, es decir cuando se activa este en particular . También tienes otras opciones por aquí, como evento personalizado. Evento personalizado es cuando queremos agregar algún código personalizado en el sitio web y activarlo, entonces estamos haciendo uso de esto. Y luego también hay un disparador de temporizador, que se usa cuando esto se activa cuando el usuario ha pasado una cantidad significativa de tiempo en el sitio web, como un tiempo transcurrido Por lo que queremos hacer un seguimiento de cuánto tiempo están gastando los usuarios en el sitio web. Entonces por esas razones, se dispara esta en particular . Entonces estos son los diferentes tipos de disparadores, que también tendrás que crear junto con tus etiquetas. Entonces la etiqueta también consistirá en los disparadores. ¿Bien? Entonces, cuando las etiquetas serán disparadas cuando se estos disparadores o condiciones cumplan estos disparadores o condiciones. Espero que esto tenga sentido. Entiende cómo funcionan los disparadores y los diferentes tipos de disparadores disponibles en la plataforma. En los próximos videos, veremos diferentes tipos de casos de uso de ellos también. Muchas gracias, chicos por escuchar esto, y los veré en el siguiente video. 15. Construido en variables: Hola, chicos. Bienvenidos a esta sesión. En esta sesión, hablaremos de variables. Entonces las variables son otro segmento del Google Tag Manager, que funcionan como marcadores de posición para valores que se rellenan cuando se ejecuta código en el sitio web Por ejemplo, una variable de administrador de etiquetas llamada URL de página devolverá la URL de página actual. Bien. Las variables se utilizan tanto en etiquetas como en disparadores. Entonces, en los disparadores, específicamente, se usa una variable para definir filtros que especifican cuándo se debe disparar una etiqueta en particular. Entonces podemos tener, por ejemplo, podemos disparar un disparador cuando la variable URL contiene algún tipo de caracteres STML Si de manera similar en las etiquetas, las variables se utilizan para capturar valores dinámicos. Esto puede ser un valor de transacción. Puede ser un número de identificación de producto o una etiqueta de seguimiento de conversiones. Entonces así es como se usan las variables aquí afuera. Hay dos tipos de variables que podemos definir aquí en Google Tag Manager. Una son sus variables integradas, y la otra son sus variables personalizadas, que podemos crear o variables definidas por el usuario. Entonces echemos un vistazo a las variables incorporadas. Las variables integradas son variables precreadas o no personalizables que están disponibles aquí para categorías especiales. Estos son predefinidos y creados por el propio Google, cuales puedes seleccionar. Ahora, estas variables habilitadas incorporadas estarán disponibles en todo el gestor de etiquetas donde quiera que se todo el gestor de etiquetas encuentren aquí los menús de selección de variables Por lo que esto en los nuevos contenedores no tienen variables definidas por el usuario al inicio, y algunas variables integradas estarán pre habilitadas. Por lo tanto, obtendrá estas variables integradas ya disponibles cuando esté comenzando nuevas creaciones de variables de ancho. Entonces echemos un vistazo a esto. Una vez que estés dentro del Google Tag Manager, podemos ir a la sección de variables aquí, y aquí es donde puedes definirla. Entonces puedes ver que la primera sección está construida en variables, y la segunda sección son variables definidas por el usuario. Ahora hay varios tipos los cuales verás aquí, si haces clic en Configurar, verás diferentes tipos de variables aquí afuera. Si quieres seleccionar alguno de ellos, solo necesitas seguir adelante y seleccionar esa variable en particular y se agrega a la lista. Como puedes ver ahora. De la misma manera, si quieres eliminar alguno en particular, puedes simplemente deseleccionar y eso se eliminará de la lista, que está ahí Estos son los diferentes tipos de variables que puedes definir variables relacionadas con páginas, URL de página, que pueden arrojar una URL en particular como vimos en el ejemplo. Se puede utilizar en tal escenario. Las otras variables son como si estuviéramos hablando de profundidad de desplazamiento en el video anterior. Así que para el desplazamiento variables relacionadas también están disponibles, en donde tenemos unidades de profundidad umbral de profundidad de desplazamiento y direcciones Entonces esto arrojará detalles como. umbral de profundidad de desplazamiento sería, ¿qué porcentaje de la página se desplazaron por 25%, 50%, 70%, 90%? Después las unidades también, que podemos ver, y dirección, ya sea horizontal o vertical. Entonces ese tipo de valor arrojará cuando si usamos estas variables en la etiqueta. Entonces así es como los diferentes tipos de variables incorporadas obtendrás chicos, que puedes hacer uso mientras estás construyendo tus tanques para tu negocio. Espero que esto tenga sentido. Entiende ahora las variables integradas. En el siguiente video, veremos las variables definidas por el usuario, cómo funcionan y cómo podemos hacer uso de ellas también. Muchas gracias, chicos por escuchar esto, y los veré en el siguiente video. 16. Variables definidas por el usuario: Hola, ojos. Bienvenidos a esta sesión. En esta sesión, hablaremos sobre las variables definidas por el usuario. Puede haber muchos escenarios donde en Google Tag Manager proporciona una lista de variables predefinidas construidas en variables que se nos dan, de las que estamos haciendo uso. Pero puede haber situación en la que podrían no ser útiles, y es necesario definir ciertas variables usted mismo. En tal caso, puede hacer uso de la opción de variables definidas por el usuario. En la misma plataforma, obtendrá diferentes tipos de variables definidas por el usuario, que podemos crear aquí. Echemos un vistazo a esto. Así que una vez que estemos dentro del Google Tag Manager, podemos ir a la sección de variables donde podemos ver la segunda opción, que va a ser variables definidas por el usuario aquí. Así podemos crear una nueva variable. Y nuevamente, aquí hay diferentes opciones disponibles, para que puedas construirlo de esta manera particular donde puedas usarlo. Puede tener una variable particular, digamos, un evento personalizado o una página de cookies de primera parte, que puede crear o una variable de evento automático también se puede construir aquí. Entonces de lo contrario, la otra opción que también obtienes aquí es la plantilla de comunidad. Entonces aquí, algunas de las variables personalizadas ya están preconstruidas, entre las cuales puedes seleccionar, y puedes importarlas de inmediato para hacer uso de ella en Entonces esa también puede ser una posibilidad, que puedes hacer, en donde puedes seleccionarla de la opción de plantilla de comunidad, que se proporciona. Entonces estos van a ser los diferentes tipos de variables definidas por el usuario, que también podemos crear en la plataforma por diversas razones. Espero que esto tenga sentido. Entiende ahora qué son las variables definidas por el usuario y en qué se diferencian de las variables integradas. Y asegúrate de poder usar esto también en el futuro en las diferentes etiquetas que estás construyendo. Muchas gracias, chicos por escuchar esta sesión, y los veré en el próximo VT. 17. Configuración y publicación de Google Analytics 4 de la primera versión: Hola, chicos. Bienvenidos a esta sesión. En esta sesión, veremos cómo podemos configurar el código de Google Analytics con la ayuda de la configuración de GTM que hemos hecho Entonces para esto, vamos a empezar por mirar primero la cuenta de GTM Entonces lo que vamos a hacer aquí es que vamos a configurar el código para Google Analytics. Entonces para esto, primero vamos a empezar a construir una nueva etiqueta. Así que vamos a ir a las etiquetas, y vamos a crear una nueva etiqueta aquí. Entonces en esto, lo que vamos a hacer es que vamos a seleccionar para Google Analytics. Ahora, en cuanto a las instrucciones dadas, tendremos que usar tanto el evento Google Tag como Google Analytics GA four para configurar la configuración de portabilidad de Google Analytics para el sitio web. Entonces comencemos con eso primero con Google Tag. Entonces aquí vamos a agregar el ID de etiqueta específicamente, para lo cual podemos ir a la cuenta de Analytics, y vamos a los flujos de datos para buscar el ID. Aquí, específicamente, podemos ver el ID de medición particular, que podemos obtener de aquí y sacarlo aquí. Una vez que pongas esto, también podemos poner el gatillo. En este disparador, estamos configurando Google y Analytics, nos gustaría rastrear cada página como una vista de página, para que podamos elegir eso como disparador aquí y podamos guardar esto. Esto se hace ahora y podemos hacer una vista previa también de ella conectando nuestros Google Ads en este, y podemos ver por nosotros mismos que se está conectando, y podemos ver aquí. Ahora podemos consultar en nuestra página web una vez para ver si también está siendo despedido o no. En este lugar en particular. Va a aparecer aquí afuera. Esto se hace por nosotros, en donde hemos seguido adelante y creado, y se puede ver que está disparando el Google at tag por aquí. La otra pieza que requerimos ahora va a ser la segunda parte, que es que tendremos que volver a crear una nueva etiqueta, donde la vamos a hacer para el seguimiento de eventos G four. Esto lo podemos enviar. Y podemos publicar. Ahora podemos ver que hay dos etiquetas que están apareciendo por aquí y nos está mostrando en vivo aquí afuera. Ahora podemos volver etiquetas, y ahora vamos a hacer la segunda parte que va a ser el evento Google antes GA four. Aquí podemos darle el ID de medición, y podemos darle un nombre, digamos, de esta manera particular, y esta es la etiqueta GA four que estamos tratando de configurar. También tenemos que agregar el gatillo. En este caso, el disparador también va a ser todas las páginas que estamos haciendo Ahora, esto se ha configurado aquí, y podemos volver a ver una vista previa de misma conectándola a nuestro sitio web para probar si la etiqueta se está disparando correctamente o no. Aquí podemos ver que la etiqueta J four está siendo despedida, lo que significa que está apareciendo en el sitio web. Esto es bueno para ir, y luego podemos publicar y enviar de nuevo. Entonces ahora, esto se ha hecho, así que también podemos consultarlo en la página web para verlo por nosotros mismos, que podamos habilitarlo y poder comprobarlo. Además, cuando venimos a esta página por aquí, también podemos ver lo mismo dentro de nuestros análisis, ya sea que esto se esté rastreando o no. Podemos ir a nuestros informes analíticos, y debe reflejarse allí como usuarios. Ya puedes ver que está rastreando a los usuarios. Se está mostrando el único usuario por aquí, que viene a través de la etiqueta assistant.google.com Esto también está rastreando por aquí. De esta manera, podemos ahora, hemos configurado el código de Google Analytics en nuestro sitio web con la ayuda de, el Google Tag Manager. Espero que esto tenga sentido. Entiende ahora cómo lo hicimos. Para poder configurar el código analítico, se requería configurar primero la etiqueta de Google Ads, y luego hacemos el evento GA four, que también tenemos que configurar. Estos dos serán requeridos para configurar el código de análisis en el sitio web. Espero que esto tenga sentido. Entiendes el proceso completo. Muchas gracias, chicos por escuchar esto, y los veré en el siguiente video. 18. Prueba y depuración antes de publicar una nueva versión: Hola, chicos. Bienvenidos a esta sesión. En esta sesión, veremos cómo podemos probar o depurar la configuración de Google Tag Manager cuando estamos poniendo códigos en nuestros diferentes sitios web. Entonces con esta forma también, antes de publicar la versión en el sistema Google Tag Manager. Por lo que es importante para nosotros hacer una depuración y prueba del código, que hemos configurado, y solo queremos ver si se está disparando correctamente o no Entonces echemos un vistazo a esto. Entonces una vez que hayas creado tus etiquetas, ahora lo que podemos hacer es que podamos seguir adelante y hacer una vista previa de la misma. Entonces, cuando hagamos una vista previa, Google te dará esta opción donde podemos proporcionar la URL de nuestro sitio web. Si también has dado la URL del sitio web antes, tomará automáticamente, y ahora se conectará a tu sitio web. Entonces ahora vamos a entrar en la fase de prueba para ver si las etiquetas que hemos creado están funcionando correctamente o no. Entonces lo primero que haría el gestor de etiquetas es que te va a dar este pop up donde dirá que el asistente de etiquetas está conectado. Así que ahora podemos desplazarnos por la página, y cuando lo hagas, se ha creado una nueva pestaña. ha creado una nueva pestaña, que comenzará a disparar todas las etiquetas aquí afuera. Entonces echemos un vistazo a esto. Lo que está sucediendo aquí es, en base a qué actividades haces en la página. Si vas a diferentes pestañas, estás llenando un formulario en particular, digamos, las etiquetas que se llenarán serán despedidos en consecuencia. Si hago clic en, digamos una pestaña en particular de esta manera en particular, entonces vamos a llegar a ver más etiquetas particulares que van a disparar aquí. Entonces llegamos a ver qué tipos diferentes de etiquetas están siendo disparadas de esta manera particular. Y ahora si haces clic en alguno de estos, podrás ver más detalles al respecto. Puedes ver el tipo de tanque que hemos creado, el ID de conversión, que hemos usado en él, y los disparadores de disparo se muestran aquí. De esta manera, también llegamos a ver los datos de la misma. Y en el panel izquierdo, llegamos a ver los diferentes tipos de disparo que sucede del código. Cada uno de estos, como puedes ver, tiene un código de evento diferente, que podemos ver aquí. Este pago, podrás ver la depuración, que está ocurriendo Y luego también, tienes la opción donde hay otros detalles que también puedes ver en la página. Entonces esta va a ser la sección de tabulación donde se dispararán las diferentes etiquetas. Entonces las variables que has definido van a subir CV aquí específicamente de esta manera, entonces URL es esta, que estamos viendo. Bien. Entonces A esas cosas empiezan a aparecer por aquí. Capa de datos, si tiene usando alguna capa de datos también, eso se definirá aquí, y podemos ver qué capa de datos se está utilizando. Entonces estos son todos los detalles que llegamos a ver. Además, en la parte superior ahora, si ves lo que todas las etiquetas tienen el sistema ha encontrado en la página, igual que hay un código de Google Tag Manager, que está ahí. Posiblemente también haya un código de Google Ads, que está ahí. Este es un anuncio de Google, que está ahí. Así que todas las etiquetas que hay en el sitio web también se muestran aquí. Entonces de esta manera, podemos probar primero todo el sitio web. Las etiquetas son funciones que funcionan correctamente o no. Y entonces podemos empujarlo para su publicación. Podemos empujarlo para su publicación, y luego puede comenzar a funcionar en un escenario en vivo. Entonces estos son los detalles chicos que podemos ver aquí afuera. Espero que esto tenga sentido. Entiendes ahora cómo básicamente vamos adelante y depurando o probando las etiquetas que hemos creado en el contenedor Google Tag Manager para un sitio web Muchas gracias, chicos por escuchar esta sesión, y los veré en la próxima semana. 19. Configuración de píxeles de Facebook: Hola, bienvenidos a esta sesión. En esta sesión, veremos cómo podemos configurar el píxel de Facebook a través de nuestra cuenta GTM Una vez que inicie sesión en su cuenta GTM, podemos comenzar a construirla creando una nueva etiqueta Entonces vamos a ir a la configuración de etiquetas. Vamos a buscar una opción de etiqueta de Facebook aquí. Ahora, desafortunadamente, Google no nos da opción de que una etiqueta de Facebook sea seleccionada desde aquí. Entonces en tal caso, lo que podemos hacer es ir al Meta Business Site, donde podemos buscar a Events Manager, y podemos partir del proceso desde ahí. Entonces podemos llegar a Events Manager donde podremos buscar específicamente fuentes de datos, donde podamos conectarnos a la web y darle un nombre, digamos, que ahora nos dará dos opciones. Facebook te da dos opciones de configurar el código, que es una es a través de conectarlo con un socio, donde verás múltiples plataformas, por lo que también te dará la opción de Google Tag Manager, que puedes seleccionar y avanzar e iniciar el proceso, o también puedes conectarte manualmente seleccionando meta Pixel solamente. Entonces cuando hacemos eso, nos llevan a esta página en particular donde llegamos a ver el código metapíxel, que podemos copiar desde Y ahora volvemos a nuestro Google Tag Manager. Yo Google Tag Manager, vamos a ir a HTML personalizado, y aquí es donde vamos a pegar el código. Ahora bien, si miras de cerca el código, el código tiene dos partes. Una parte es la parte del guión, que es esta, y la otra parte es la parte de no no guión. La parte sin script es útil para páginas donde no hay Javascript. En tal caso, este código se puede pegar en una página sin Javascript y dispararemos el píxel por nosotros. Por ahora, lo que vamos a hacer es que vamos a cortar esto y mantenerlo a un lado en otro documento de esta manera. Y continuaremos con la creación de la etiqueta. Así que ahora también podemos dar una configuración avanzada. Podemos darle prioridad al disparo de etiquetas. Una prioridad de disparo de etiquetas significa que estamos dando una alta prioridad a esta etiqueta para ser disparada primero y luego a las otras etiquetas. Para que le puedas dar un número mayor. Google automáticamente dará más prioridad a esta etiqueta y la disparará primero cuando se cargue la página. Y luego finalmente, tenemos que dar el gatillo, el disparador será todas las páginas vista de página porque queremos que se active cuando la gente visite la página. Y esta es la etiqueta de la página de Facebook que hemos creado ahora, y podemos guardarla. Esto es una parte de ello. El segundo es que ahora vamos a mirar la otra parte, que es para páginas sin script Java. Para eso, vamos a crear otra etiqueta, que será vamos a decir imagen personalizada, y aquí vamos a dar la URL de la imagen. Del código, si ves de cerca, esta es la URL de la imagen, que nos ha dado Facebook. Entonces esto es lo que requerimos, y lo vamos a poner en la sección URL de la imagen. Y para esto específicamente hablando, vamos a agregar un disparador. Ahora bien, de nuevo, esto no puede ser todas las páginas, porque si vuelve a estar en todas las páginas, que cada vez que los usuarios visiten la página, dispararán dos etiquetas. Esto es específicamente para aquellas páginas que no tienen Djava sprint Tenemos que crear un disparador diferente para esto. Podemos definir el disparador como vista de página de nuevo. Pero con una condición. Esto es para páginas vistas específicas. Ahora aquí vas a definir la variable personalizada. Tenemos que crear una nueva variable por completo. Vamos a crear una nueva variable, que es para una página que no sea Javascript. Este va a ser un JavaScript personalizado. Y aquí vamos a agregar la función. De esta manera particular. Podemos darle un nombre, digamos variable, que podemos guardar. Ahora viene por aquí. Diremos que cuando esta variable personalizada en particular no sea igual a. Ahí es cuando este disparador dispara. Podemos nombrarlo como disparador no J y guardarlo. Y esta puede ser la etiqueta de imagen de la que estamos hablando, que también podemos guardar aquí. Ahora si ves, hemos creado cuatro etiquetas diferentes. Una es para la etiqueta de Facebook, que se va a activar cuando la gente visite la página. Esta va a ser la etiqueta de imagen cuando hay un no Javascript. También se creó la variable personalizada, que definirá qué página no tiene el script Java. Y este es el detonante, que sucederá cuando la gente visite una página que no sea JS. Entonces esto está hecho. Ahora podemos hacer un adelanto de la misma. De esta manera particular. A partir de aquí, podemos hacer una vista previa o bien, lo que también podemos hacer es que ahora podemos ir a nuestro sitio web por aquí, y podemos ver el código de aquí principalmente hablando. Así es como vamos a construir todas las etiquetas, y luego vamos a seguir adelante e implementar en nuestro sitio web, y aquí es donde desde donde se publicará. Espero que esto tenga sentido. Entiende ahora cómo va a funcionar esto. Muchas gracias chicos por escuchar esta sesión, y los veré en el siguiente video. 20. Copia de etiqueta y contenedor de exportación: A. Bienvenidos a esta sesión. En esta sesión veremos cómo podemos copiar etiquetas y exportar contenedores también en la cuenta GTM ¿Bien? Entonces echemos un vistazo a esto una vez que entremos en la cuenta, así que puede haber muchos escenarios. Entonces, digamos que estás trabajando con varios clientes y estás configurando código GTM para múltiples clientes Bien. Entonces, a estas alturas, ya tienes una idea justa sobre lo que todos los códigos, etiquetas, disparadores, variables, que deben implementarse en un sitio web en particular. Entonces, lo que puedes tener es una especie de archivo base, que contiene todas las etiquetas, disparadores y variables importantes . Ahora, este archivo base se puede implementar en todas las cuentas de múltiples clientes uno por uno. Entonces puedes construir esto como un archivo base de plantilla, y esto se puede implementar en diferentes sitios web como en cuando incorporas nuevos clientes Este proceso simplifica mucho más tu trabajo. Entonces, si tienes el archivo base creado, que tiene todas las etiquetas, disparadores y variables importantes , podemos exportarlo primero desde el contenedor existente, y luego lo importaremos al nuevo contenedor del nuevo cliente, que tiene barco. Entonces echemos un vistazo a esto. Lo que hacemos aquí es que podemos ir a Admin, donde primero podemos exportar el contenedor. Entonces aquí puedes ver, tienes la opción de exportar el contenedor. Para que puedas elegir la versión, que es donde se crean todos los tanques importantes. Entonces digamos que esta es la versión, o también puedes elegir la versión predeterminada, en donde puedes exportarla desde aquí. Ahora, una vez que exportes esto, ahora puedes ir al contenedor en el que quieras pasar. Quieres importarlo. Para que podamos cambiar primero el contenedor. Y aquí, vamos a importar el mismo archivo base en particular y adjuntarlo aquí. De esta manera, ahora se utilizará este contenedor, por aquí, en este particular, este será el archivo base. Todas las etiquetas que estamos usando en el contenedor anterior han sido transferidas a este contenedor en particular y podemos comenzar a usarlo. Esta es una forma que puede ser realmente útil para todos nosotros. La segunda opción que tenemos aquí va a ser un caso en el que tengas las etiquetas, y digamos que quieres amapolar las etiquetas de un contenedor a otro O tal vez quieras amapola las etiquetas y hacer otras amapolas de la etiqueta en el mismo contenedor Esas cosas también se pueden hacer aquí afuera. Para lo cual hacemos uso de este plugin en particular llamado la extensión GTM amapola paste Chrome, que tenemos, que puedes agregar a tu navegador Chrome Ahora con esto, podemos hacer uso de ella. Lo que hacemos aquí es, antes que nada, puedes simplemente dar clic derecho sobre la etiqueta y tienes que autorizar la extensión de baile particular de pasta de amapola GTM En mi caso, ya lo he seguido adelante y lo aprobé, así que de inmediato puedo meterme en agregarlo a la extensión del baile de graduación de GTM Puedes ver que esta es la extensión de baile, que muestra etiquetas todo nuestro cero. Lo que vamos a hacer es que le vamos a sumar. Ahora se agregará por aquí, así podemos ver que la variable se ha agregado. De la misma manera, puedo hacerlo por la etiqueta también. La etiqueta también se agrega aquí. misma manera, puedo hacer por el gatillo Ahora los tres se suman aquí afuera. Ahora, ahora la idea es que tengas dos opciones. Puedes pegar esto aquí mismo, la etiqueta y el disparador y la variable se pegará en el mismo contenedor Eso puede ser una cosa, o bien, puedes cambiar si quieres usarlo en un contenedor diferente, puedes ir a eso también, y por aquí específicamente, puedes pegarlo. Ahora pegará todos los disparadores de etiquetas y variables que haya copiado de un contenedor a otro. Por lo tanto, esta también puede ser una buena manera en la que puede usar múltiples etiquetas en diferentes contenedores, y luego puede hacer uso de ella para configurar códigos para sus clientes. Espero que esto tenga sentido. Espero que también entiendas esta característica, que es un uso muy operativo, lo que también puede simplificar nuestro trabajo cuando manejamos múltiples clientes y para quienes tenemos que construir múltiples etiquetas y configurarlas para sus sitios web. Muchas gracias, chicos por escuchar esta sesión, y los veré en la siguiente radio. 21. Configuración de remarketing de Google Ads: Hola, chicos. Bienvenidos a esta sesión. En esta sesión, veremos cómo podemos configurar el remarketing de Google Ads con la ayuda de Google Tag Manager Entonces, como entiendes, remarketing es un concepto donde tratamos de seguir a los usuarios cuando visitan nuestro sitio web y no hacen negocios con nosotros. En tal caso, seguimos a estos usuarios con nuestros anuncios. Entonces ahora puedes hacerlo rastreando sus datos, su dirección IP, o hookies, con la ayuda del código, que pegamos en el sitio web Entonces esto también, puedes configurarlo con la ayuda de tu cuenta GTM Entonces echemos un vistazo a estos chicos. Lo que tenemos que hacer es que vamos a crear un nuevo código nuevas etiquetas para esto aquí afuera. Para eso, podemos ir a las etiquetas, y podemos comenzar a construir una nueva etiqueta por completo, que va a ser para Google Ads. Ahora en Google Ad, específicamente, estamos buscando remarketing, así podemos elegir el remarketing de Google Ads aquí Y lo que ahora requerimos va a ser un ID de conversión. Para ello, tendremos que ir a nuestra cuenta de Google Ads y podremos obtenerla a partir de ahí. Una vez que estemos dentro de la cuenta de Google Az, primero tendremos que crear una lista de remarketing Una lista de remarketing va a ser el lugar donde almacenemos todas las direcciones IP, y esto es necesario para configurar el código Entonces podemos hacerlo para, digamos, los visitantes del sitio web, y podemos dar el nombre de los clientes a los que queremos apuntar aquí. Y podemos crear este segmento en particular. Una vez creado esto, ahora lo que requerimos es el código para el que podemos ir a las fuentes de datos, donde encontraremos la etiqueta Google Ad. Como puedes ver aquí, podemos ir a los detalles de la misma. Google te dará las instrucciones de configuración de la etiqueta, cómo puedes configurarla aquí. De estos tres. Lo que queremos usar es el administrador de etiquetas de Google porque queremos configurarlo a través de eso. Entonces podemos usar la tercera opción. Lo que necesitas de aquí es solo el ID de conversión. Puedes tomar el ID de conversión y nosotros podemos sacarlo aquí. De esta manera, estamos configurando el código de remarketing. Eso es todo lo que tenemos que poner aquí y podemos darle un nombre a esto. Y podemos salvarla. En esto, necesitamos agregar un disparador también. El disparador sería que de nuevo, las personas que vieron esa página en particular, eso activará el código de remarketing para que podamos agregar también como vista de página y podamos guardarla De esta manera, ahora hemos configurado la etiqueta de remarketing también en nuestro sitio web a través de nuestra cuenta GTM Espero que esto tenga sentido. Entiende ahora cómo estamos configurando código de remarketing en sitios web con la ayuda de su cuenta GTM Muchas gracias, chicos por escuchar esto, y los veré en el siguiente video. 22. Solución de problemas que podrías encontrar: Hola, chicos. Bienvenidos a esta sesión. En esta sesión, queríamos discutir diferentes escenarios de solución de problemas que podría encontrar mientras trabaja con GTM Así que vamos a verlo. Entonces el primero, que puedes usar aquí es el asistente de Google Tang. La extensión de Chrome puede ayudarte a ganar probando todas estas etiquetas. Entonces puedes usar esta extensión de cromo en particular para probar si alguna etiqueta está disparando o no. Así que eso realmente puede ayudar en problemas, lo que podría ver. El otro problema que podrías enfrentar con problemas de estas etiquetas puede ser que, uh, el administrador de etiquetas de Google funciona solo cuando estás usando el mismo navegador, ¿de acuerdo? Uh, la herramienta depuradora sólo se abre en el mismo navegador, que es un navegador Chrome específicamente, que estamos viendo Si estás usando un navegador diferente como Firefox, entonces la herramienta depuradora no se abrirá, no aparecerá Entonces en ese caso, puede ser un tema para nosotros. Y así tenemos que asegurarnos de que todo este trabajo que estamos haciendo por nosotros mismos o para nuestros clientes se esté realizando en el mismo navegador chrome. En el mismo navegador, estamos tratando de investigar e implementar. Lo mismo puede pasar con las ventanas privadas también. Si estás usando una ventana privada en el mismo navegador como el chrome otra vez, ahí de nuevo, la herramienta depuradora podría no funcionar Entonces la otra razón es que queremos quedarnos en el mismo navegador, y es por eso que solo en el navegador Chrome normal, nos gustaría terminar y trabajar en todas las etiquetas de Google Tag Manager. También puedes ver que los problemas también pueden ocurrir si de alguna manera hemos desactivado las cookies de terceros en la configuración del navegador. Así que tenemos que asegurarnos de que eso no esté sucediendo. Entonces por ejemplo, cuando vas a configuración y vas a privacidad y seguridad, aquí puedes ver cookies de terceros. Tenemos que asegurarnos de que no lo hemos bloqueado. ¿Bien? Entonces, si lo has bloqueado, entonces eso puede volver a crear problemas de solución de problemas con Google Tag Manager. La otra opción que tenemos aquí es mientras estamos trabajando, puede ser un escenario en el que estés administrando múltiples clientes. Entonces, obviamente, con múltiples clientes, tenemos cuentas diferentes, y estás trabajando en diferentes contenedores por completo. Así que tenemos que asegurarnos que estamos trabajando en el contenedor correcto. Esto lo puedes hacer mirando la herramienta depuradora. La herramienta depuradora mostrará el ID del contenedor, el ID de GTM allí también y asegurándose de que estamos en el contenedor actual Esto ciertamente puede suceder cuando estamos administrando múltiples cuentas. Además, a veces puede suceder eso como vimos en los videos anteriores. Otra forma de configurar GTM es que hemos utilizado la extensión POM add SR inyector Entonces, si lo has usado, asegúrate de que hemos puesto el ID GTM correcto Entonces por ejemplo, cuando llegamos a GTM agregamos extensión POM, e iremos a opciones avanzadas en funcionalidad Entonces aquí tenemos que asegurarnos de que nos metan en el ID GTM correcto para el que estamos trabajando en el cliente Bien. Entonces de esa manera, sabemos que estamos trabajando en la cuenta correcta. El otro aspecto de la misma, que también puedes mirar es, si la ventana del depurador no está funcionando, no se está cargando correctamente, entonces tenemos la otra opción es actualizar el sitio web completo ¿Bien? De esa manera, lo que va pasar es que eliminará toda la caché, y podremos empezar de cero. Por lo tanto, esto también puede ayudar a solucionar cualquier problema de solución de problemas que enfrentemos. Otra cosa que puede pasar es que a veces podemos tener un bloqueador de anuncios agregado en el navegador, que necesitamos deshabilitar aquí mientras trabajamos en GTM Las cookies de diferentes navegadores pueden estar ahí. Entonces, en tal caso, tenemos que asegurarnos de que hemos eliminado todos estos bloqueadores de anuncios. Bien, para borrar cualquier caché y cookies. Además, si estás trabajando, entonces quitamos cualquier tipo de plug ins. A veces puede haber enchufes que estés usando. Bien. Entonces en ese caso, no abrirá nuestro GTM de incógnito, y no podremos probar Bien. También asegúrate de que estamos haciendo todo esto en el navegador Chrome porque en Firefox, el deberger no va a funcionar Y entonces el último es que cuando estamos trabajando en la solución de problemas, si todos estos pasos no están ayudando, entonces en ese caso, podemos llegar al equipo de desarrolladores web que nos puede ayudar a solucionar todos estos problemas. Espero que esto tenga sentido. Entiende estos problemas o escenarios, que enfrentará mientras soluciona problemas para las etiquetas de Google Tag Manager. Muchas gracias, chicos por escuchar esta sesión, y los voy a ver en el siguiente video. 23. Etiquetas activadas en el tiempo, parte 1: eventos personalizados de Facebook para remarketing: Hola, chicos. Bienvenidos a esta sesión. En esta sesión, veremos cómo podemos usar disparadores de tiempo para configurar eventos personalizados en Facebook. Entonces para eso, podemos ir al sitio web, y vamos a empezar a construir. Entonces, en la cuenta de Google Tag Manager, lo primero que vamos a hacer aquí es crear primero un disparador. Entonces vamos a crear un disparador de tiempo. Entonces Google te da esa opción para crear un tiempo o disparador por aquí, y también puedes darle un nombre. Digamos que lo estamos dando así, y el intervalo va a ser de 30 segundos, lo que significa que activará un evento después de 30 segundos. Podemos dar esa duración en milisegundos, y podemos limitarla como uno solo Entonces podemos dar la variable personalizada donde podemos darle para todo el sitio web, para que podamos elegir el nombre del host de la página y cuál coincide con expresiones regulares, y podemos darle como punto estrella, lo que significa que es el sitio web completo para el que estamos construyendo. Y se le puede dar un nombre también, digamos, de esta manera, y podemos salvarla. Este es un detonante que hemos creado. Ahora para esto, tenemos que crear la etiqueta. Para eso, podemos ir a las etiquetas. Y podemos empezar a crear una nueva etiqueta por aquí. Ahora, en este caso, necesitamos un evento personalizado de Facebook. Para eso, podemos volver a nuestra cuenta de administrador de eventos, y aquí podemos obtener un evento personalizado en particular, que necesitaríamos aquí. Podemos ir a la página de seguimiento de conversiones en particular donde se proporcionan eventos personalizados como este , evento estándar. Esto es lo que requieres, que vamos a modificar un poco. Copiaremos esto, y vamos a crear un STML personalizado. También habíamos visto esto antes. Entonces de esta manera, vamos a apagarlo. Ahora bien, no requerimos de todo esto, así que podemos eliminar todo esto y solo mencionar, digamos visto después de 30 segundos. Esto es todo lo que tenemos que mencionar aquí afuera. Luego agregamos el disparador que creamos, que es el tiempo 30, y esta va a ser la etiqueta que hemos creado ahora, que podemos nombrar como tiempo después de 30 segundos. Esto se está convirtiendo en la etiqueta que hemos creado ahora, que activará unos 30 segundos. Este es el sitio web en el que va a suceder. Vamos a simplemente hacer una vista previa Ahora va a empezar a conectarse y solo tenemos que esperar un tiempo durante 30 segundos o puedes ver que ya mismo se está conectando. Y ahora podemos ver que aún no está disparado por el hecho de que sólo tenemos que esperar 30 segundos, y así va a funcionar este disparador. La intención es que cuando miras estos sitios web, ¿verdad? Ahora este es un sitio web de una página. En un sitio web de una página, cuando haces clic en cualquier pestaña, te quedas en la misma página. En tal caso, es difícil para los análisis entender cuánto tiempo pasan las personas en tu sitio web, qué páginas están haciendo clic. En tal caso, creamos este tipo de etiqueta que está contando el marco de tiempo. Entonces nosotros Las etiquetas se dispararán una vez que un usuario pase cierta cantidad de tiempo en la página, si es como un sitio web de una página, que hemos construido. Para esos fines, esto se está creando. Aquí, entonces se puede ver ahora la etiqueta de tiempo se ha disparado por aquí, que podemos ver aquí afuera, que viene por 30 segundos como podemos ver. Y luego después, este también ha disparado ahora, que dice tiempo después de 30 segundos, que también se dispara. De esta manera, con la ayuda de esta etiqueta, podemos entender cuánto tiempo pasó el usuario en un sitio web de una página. Espero que esto tenga sentido. Entiende ahora cómo se pueden crear etiquetas de temporizador en GTM para tales fines Muchas gracias, chicos por escuchar esta sesión, y los veré en el siguiente video. 24. Etiquetas activadas en el tiempo, parte 2: tiempo en el sitio con eventos de Google: Hola, chicos. Bienvenidos a esta sesión. En esta sesión, veremos cómo podemos configurar un código de Google Tag Manager, que se utiliza para rastrear el tiempo en el sitio. ¿Bien? Por lo que queremos rastrear cuánto tiempo pasan los usuarios en el sitio web a través de Google Analytics. Para eso, también, podemos usar el código GTM. Entonces echemos un vistazo a esto y cómo podemos definirlo. Una vez que estemos en la cuenta de Google Tag Manager, podremos comenzar a crear una nueva etiqueta. Lo primero que va a ser, vamos a usar un evento Google Analytics GA four. Aquí, podemos proporcionar el ID de medición que podemos obtener de la cuenta de análisis. Si puedes venir a la cuenta de analytics y podemos tomar el ID de medición desde aquí y ponerlo aquí. Podemos darle un nombre a este evento. Estamos diciendo tiempo en el sitio. Y luego podemos dar algunos parámetros de evento. En los parámetros del evento, podemos agregar un evento que va a ser tiempo, y tenemos que darle un valor. El valor tiene que ser una variable personalizada, que tenemos que rellenar aquí. Entonces lo que estamos buscando dally, una variable, que pueda ser utilizada para calcular el tiempo transcurrido, el tiempo, cuánto tiempo pasan las personas en el sitio Entonces para lo cual, idealmente, no hay ninguno predefinido que podamos sacar aquí. Entonces una mejor opción sería que podamos buscar en la galería de plantillas de la comunidad algo así. Entonces digamos que si estás buscando el tiempo transcurrido, hay uno que podemos usar aquí, que podemos usar para rastrear esta misma cosa en particular, que queremos hacer Entonces vamos a elegir esto y lo que queremos es convertir 2 segundos, y podemos nombrarlo y guardarlo NPS se ha definido aquí Ahora, lo que tenemos que hacer es tener un disparador. Ahora el disparador, de nuevo, necesitamos tener un disparador para el tiempo, que va a estar rastreando el número de minutos segundos del mismo, así que vamos a agregar un disparador así, que puede ser un tiempo basado, así. Y podemos dar el intervalo específico es de 20 segundos. Digamos que va a f 20 segundos, y luego tenemos que definir también la variable personalizada, que podemos contener por aquí, coincidencias, j. esto es para todas las páginas, vamos a darle como de esta manera, y darle un nombre también. Y guárdala. Ahora bien, si ves que todo se ha configurado, hemos agregado todos los detalles que se requieren por aquí, y podemos darle un nombre, digamos etiqueta de tiempo como esta, y la guardamos. Esto ha sido creado ahora, que podemos previsualizar. Y mira, vamos a hacer una depuración de la misma. Iremos al sitio web y nos conectaremos. Ahora mismo, no se despide. Nosotros aquí, como pueden ver, lapso de tiempo, la etiqueta de tiempo está todo aquí, no despedido ahora mismo. Solo esperemos 20 segundos. En el sitio web específicamente, deberíamos poder ver que eso sucede. Una vez que vaya al sitio web y pueda pasar por diferentes partes del sitio web posiblemente. Entonces ahora se puede ver que ha disparado y se ha ido en la parte superior, y dice etiquetas disparadas aquí. Entonces de esta manera, podemos crear la etiqueta y cuando podamos enviarla, enviar la versión, y podemos usar esta. Espero que esto tenga sentido y entiendas cómo podemos hacer un código GTM en particular, que se utilizará para rastrear la cantidad de tiempo que el usuario pasa en el sitio web Muchas gracias, chicos por escuchar esta sesión, y los veré en el siguiente video. 25. Seguimiento a distancia de desplazamiento, parte 1: lo básico: Hola, chicos. Bienvenidos a esta sesión. En esta sesión, veremos cómo podemos hacer uso del seguimiento de la distancia de desplazamiento. Entonces esto es útil en situaciones en las que, digamos que estamos escribiendo algún blog o contenido, y lo que queremos ver es cuánto porcentaje de ese blog la gente se desplaza y lee. Así que esto también podemos rastrear con la ayuda de Google Tag Manager. Entonces echemos un vistazo a esto, cómo puedes configurarlo. Entonces para esto, vamos a entrar el Google Tag Manager y vamos a empezar a construir las etiquetas para ello. Entonces lo primero que podemos hacer es construir un disparador. Entonces, lo que vamos a crear aquí es un tipo específico de disparador para el desplazamiento Entonces seguiremos adelante y miraremos eso. Entonces Google nos da esa opción, que se llama profundidad de desplazamiento. Entonces aquí puedo hacer dos tipos de profundidades de desplazamiento, que puedo crear, que pueden ser verticales u horizontales. Digamos que lo estamos haciendo para vertical. Ahora, en vertical, también podemos definir porcentajes, porcentajes de la página por la que se desplaza la gente. Entonces podemos darle un solo porcentaje. Digamos, solo quiero rastrear cuánto porcentaje, 50% de la página está desplazada, cuánto, así puedo hacer eso, o puedo dar múltiples porcentajes también Y como en cuando la gente lo hace, se le rastrea. Entonces podemos darlo de esta manera particular. Ahora va a ser rastreado en todos estos cuatro intervalos. Entonces esta es una que podemos hacer. Aparte de eso, puede configurar este disparador para todas las páginas o para algunas páginas específicamente. A lo mejor tienes una sección de blog en particular. En ese caso, puedes definirlo para esa página en particular. También puedes hacer eso, y puedes dar la URL de la página para eso. Entonces, digamos que la URL de tu página contiene blog. De esta manera, se puede definir. O bien si quieres hacerlo para todas las páginas del sitio web, puedes guardarlo en todas las páginas. Entonces este es el detonante que estamos creando. Aparte de esto, el disparador, también necesitaríamos algunas variables para rastrear estos datos cuando realmente se ejecutan. Podemos definir algunas variables de desplazamiento. Entonces Google nos da algunas opciones en eso también. Se dan algunas variables de desplazamiento, como la profundidad de desplazamiento, el umbral, las unidades de profundidad de desplazamiento y la dirección de desplazamiento Se dan estos tres, que también puedes agregar para que podamos rastrear esto también. Echemos un vistazo a esto. Este es el sitio web para el que lo estamos haciendo. Hagamos una revisión de esto. Entonces ahora estamos en la página web y podemos desplazarnos y podemos ver si esto está siendo rastreado o no. Aquí ahora puedes ver que se está rastreando la profundidad de desplazamiento. El primero, veamos la profundidad de desplazamiento, esta. Si miras las variables, verás que 25% estaba cubierto en esta vertical. misma manera cuando vas al segundo, es 50% vertical, luego el tercero, 75% vertical. Se está haciendo seguimiento. Esto está funcionando bien, absolutamente para nosotros. Ahora, lo que necesitamos es la etiqueta. La etiqueta para esto, que también podemos configurar de manera similar. Vamos a crear una nueva etiqueta en conjunto, que será un evento Google Analytics GA four. Podemos darle el ID de medición de nuestros análisis, que podemos proporcionar aquí, y luego darle un nombre, digamos, le estoy dando un nombre ple distancia. Y lo que necesitamos aquí es un parámetro de evento. Podemos agregar un parámetro por aquí, que es scroll. Digamos distancia, una vez más, y la variable. La variable puede ser el umbral de profundidad de desplazamiento, que queremos establecer, y queremos ver cuánto porcentaje se desplaza, así podemos agregar un porcentaje para que escoja ese valor y el porcentaje viene junto con él Puedes definir esto y luego elegir el disparador que hemos creado, creamos este disparador de desplazamiento. Esto ya está creado, y podemos nombrarlo, digamos etiqueta de desplazamiento. Ahora esto está construido y ahora podemos previsualizar esto y ver todo. Ahora cuando vayamos al sitio web, podemos desplazarnos por él. Digamos que hasta el final, lo estamos haciendo. Y vamos a echarle un vistazo. Así podemos ver que la etiqueta de desplazamiento se ha disparado por aquí. Todos los cuatro pergaminos hasta el final ha disparado. Entonces esta es la del 90%, que también se despide por aquí. Bien, esto es 75, 25, 5025, que podemos ver, etiqueta sabia, la etiqueta scroll también se ha disparado con éxito, que podemos ver aquí afuera, que ha funcionado Bien. Entonces así es como podemos crear muy fácilmente una etiqueta scroll, que sólo va a rastrear cuánto porcentaje de los blogs o página o contenido. Si la gente está desplazándose y leyendo. Esto también aparece en sus análisis también aquí específicamente. Ahora podemos ver la distancia de desplazamiento específicamente los parámetros que aparecen en esta parte también en la página una vez que lo habíamos hecho, por lo que también se reflejará en su cuenta de análisis. Espero que esto tenga sentido. Espero que entiendas ahora cómo podemos crear una etiqueta de seguimiento de distancia de desplazamiento también a través de Google Tag Manager. Muchas gracias, chicos por escuchar esto, y los veré en el siguiente video. 26. Seguimiento de distancia de desplazamiento, parte 2: activación del tiempo: Y. Bienvenidos a esta sesión. En esta sesión, veremos otro escenario de seguimiento de la distancia de desplazamiento. En el video anterior, vimos que podíamos rastrear cuánto cuando las personas se desplazan por nuestros blogs o páginas, nos gustaría rastrear cuánto porcentaje del blog o de la página se desplazó este desplazamiento. Ahora bien, esta podría no ser la forma ideal de entender cuánto están leyendo el blog. Una mejor manera sería que si también puedo rastrear cuánto tiempo pasan en la página del blog, además de eso, esa será una imagen clara de eso. Entonces lo haremos en este video en particular y veremos cómo podemos implementarlo. Así podemos volver a la etiqueta específica que creamos, la etiqueta scroll que creamos en el último video, y podemos llegar al disparador y aquí vamos a agregar una condición. La condición puede ser que quiero tener un tiempo de lapso determinado definido por aquí, que es, digamos, mayor a 10 segundos. Lo que básicamente significa es que queremos activar la etiqueta solo una vez que el usuario haya pasado mínimo 10 segundos en la página. Esta será una forma ideal de entender cuánto están leyendo los usuarios el contenido. Una vez que hagas esta adición al gatillo, podemos seguir adelante y probarlo. Y en eso deberíamos poder ver eso. Ahora, ahora una vez que se está cargando la página. Ahora cuando nos desplazamos, activará todas las etiquetas de profundidad de desplazamiento, 25%, 50%, 70%, pero el tiempo de transcurso particular no se activa hasta el momento en que no pasamos esos 10 segundos en la página Una vez que tengas sp esos segundos, 10 segundos, o cualquier umbral que hayas establecido, entonces solo se disparará el gatillo. Si ves ahora que ha disparado sólo después de los 10 segundos. Se puede ver que dice transcurrir el tiempo 10 segundos, mayor que diez, que habíamos definido aquí afuera. Así va a funcionar para nosotros. De esta manera, estamos teniendo una mejor comprensión de cuánto tiempo y cuánto contenido leyeron realmente en nuestras páginas. Espero que esto tenga sentido, ustedes entienden ahora cómo podemos rastrear la cantidad de tiempo que pasan los usuarios en nuestros blogs mientras se desplazan por él Muchas gracias, chicos por escuchar esto, y los veré en el siguiente video. 27. Seguimiento de clics, parte 1: enlaces salientes: Hola, chicos. Bienvenidos a esta sesión. En esta sesión, veremos otra situación que es el seguimiento de clics. Por lo que también podemos hacer mucho seguimiento de clics, lo que podemos hacer a través de GTM, que básicamente es rastrear los diferentes tipos de clics que ocurren en nuestro sitio web Entonces, cuando los usuarios llegan a nuestro sitio web, pueden hacer clic en diferentes pestañas o enlaces en nuestro sitio web, y que nos gustaría rastrear aquí. Entonces, lo que estamos viendo es una situación específica, que son los enlaces salientes, los enlaces, que si un usuario hace clic, son llevados fuera de nuestro sitio web a otros sitios web Entonces esto es lo que vamos a rastrear aquí. Entonces echemos un vistazo a esto. Para ello, lo que podemos hacer es que podemos seguir adelante y empezar a crear un disparador primero. Vamos a crear un disparador, que es un disparador de clic, así que vamos a hacer solo enlaces, y aquí vamos a seguir adelante y hacerlo para enlaces específicos que están ahí. Vamos a definir eso creando una nueva variable. Ahora la nueva variable, que podemos usar aquí es la variable de evento automático, en la que estamos viendo la URL específicamente, que es el caso de que la URL sea saliente, y aquí podemos dar la URL de nuestro sitio web esta manera particular Y podemos salvar esto. I. Y podemos ver que cuando esta variable en particular se mantiene cierta, entonces este disparador debería funcionar, idealmente hablando. Podemos decir que este es nuestro gatillo atado, que hemos creado. Ahora para esto, vamos a crear la etiqueta. Vamos a crear una etiqueta G event. Etiqueta de evento Google Analytics Go, podemos dar nuestro ID de medición, que podemos tomar de nuestra cuenta. Y podemos darle un nombre, digamos clic y podemos darle algunos parámetros de evento. Podemos agregar un parámetro, digamos URL. La variable que queremos usar aquí es una URL de clic. Este disparador cuando particularmente el disparador saliente se agrega a esto también, que habíamos creado Esto se está convirtiendo en click t Así es como podemos construir esta etiqueta de clic saliente, y luego podemos usar esta Cómo va a funcionar es cuando las personas están en nuestro sitio web, y hacen clic en algún enlace que los lleva fuera del sitio web. Es entonces cuando esta etiqueta en particular se activará. Aquí, se ha creado la etiqueta de clic saliente. Bien. Entonces esto se disparará cuando un enlace en particular por aquí los lleve a un sitio web diferente. Entonces esta etiqueta en particular, que está ahora mismo aquí, vendrá en la sección de etiquetas disparadas. Espero que esto tenga sentido. Entiende cómo se puede crear una etiqueta de salida, lo que ayuda a rastrear cuántas personas hacen clic en nuestro enlace de salida y salen de nuestro Muchas gracias, chicos por escuchar esta sesión, y los veré en el siguiente video. 28. Seguimiento de conversiones, parte 1: seguimiento de conversiones simple de Google Ads: Hola, chicos. Bienvenidos a esta sesión. En esta sesión, veremos cómo podemos configurar el seguimiento de conversiones de Google Ads con la ayuda de Google Tag Manager. Empecemos, chicos. Así que una vez que entramos en el Google Tag Manager, podemos empezar a construir la etiqueta. Al ir a la sección de etiquetas. Así que vamos a crear una nueva etiqueta por aquí, que puede ser un seguimiento de conversiones de Google Ads. Pero antes de hacer esto, lo que también requerimos es un enlazador de conversión, que tendremos que crear por aquí. Así que construyamos esto. Entonces enlazador de conversión, solo necesitas agregar un disparador, que puede ser para todas las páginas. Entonces esto nos ayudará a construir el seguimiento de conversiones de la manera correcta. Entonces podemos nombrarlo de esta manera particular. Una vez creado el enlazador de conversión, ahora podemos crear la etiqueta. Entonces la etiqueta de seguimiento de conversiones de Google Ads, y aquí requerirá algunos detalles como la etiqueta de conversión de ID de conversión, que tendremos que proporcionar. Para ello, tendremos que ir a nuestra cuenta de Google Ads, y a partir de ahí podremos generarla y usarla aquí afuera. Entonces echemos un vistazo a esto. Así que una vez que estés dentro de tu cuenta de Google Ads, puedes ir a la sección de meta en resumen, donde vamos a crear una acción de conversión. Entonces vas a hacer esto para el sitio web. Así podemos seleccionar eso y podemos darle dominio a nuestro sitio web, y Google lo escaneará y luego proporcionará los pasos para crear la acción de conversión. Para que podamos llenar los datos, y una vez que rellenes los datos, se generará el ID de conversión y la etiqueta, que podremos obtener. Entonces ahora vamos a llenar un pequeño formulario que Google nos da. Entonces aquí podemos seleccionar la categoría de un tipo de conversión que queremos rastrear. Entonces en mi caso, en nuestro sitio web, estamos haciendo un envío de formulario de plomo. Entonces desde aquí, puedo seleccionar enviar formulario de plomo, y podemos darle un nombre también de esta manera particular. Y entonces podemos darle un valor. Un lead, si tiene un valor específico o un ingreso asociado a él, podemos hacer eso, o de lo contrario podemos decir, no use un valor. Y entonces podemos definir el conteo. El conteo va a ser. Se va a hacer un seguimiento de todos los leads únicos que hemos recopilado o generado, que podemos tomar como uno solo. Estos son los detalles que vamos a llenar en esta página en particular, y podemos seguir adelante. Una vez que guardes esto, nos dará las instrucciones para configurar el código, para lo cual hoy vamos a utilizar como Google Tag Manager. Este es el ID de conversión y la etiqueta, que requerimos. Para que podamos copiarlo desde aquí. Y podemos volver a nuestro sitio web y ponerlo ahí fuera, la etiqueta también. Estos son los dos detalles que requerimos, después de lo cual podemos llegar al gatillo, y podemos agregar ese disparador específicamente aquí idealmente hablando. Para el disparador otra vez, vamos a hacer un disparador de vista de página. Ahora, el detonante tiene que ser para una página específica para la que estamos haciendo esto. Lo vamos a hacer para algunas páginas en particular, que tiene una palabra clave específica en ella, así que vamos a tomar la URL de la página. Entonces en el sitio web, que estamos viendo, para el que estamos rastreando, hay una forma particular que está aquí afuera. Entonces lo que queremos es que queremos crear un disparador cuando las personas envíen este formulario en particular. Entonces primero vamos a ver esa URL. Ahora bien, si ves esta es la página donde necesitamos configurar el código, así podemos tomar esta palabra clave particular de URLs y usar esto como un disparador aquí afuera, lo que básicamente significa que esto se activará solo en una página que tiene gracias escrito en ella Esta será la página de agradecimiento que estamos creando. Podemos nombrarlo de esa manera, y podemos salvarla. Ahora se crea el seguimiento de conversiones, se vincula el enlazador de conversión. Hemos proporcionado todos los detalles. El disparador de la página T gracias también está construido. Esta es nuestra etiqueta de seguimiento de conversiones, que hemos creado ahora. Ahora podemos revisar esto y ver cómo funciona. Se va a conectar a nuestro sitio web, volveremos a nuestro sitio web una vez. Ahora cuando lo es podemos ver esto. Lo que vemos aquí es ahora mismo, el enlazador de conversión se ha disparado, que habíamos creado, así que está funcionando absolutamente bien. Pero el seguimiento de conversiones aún no está despedido porque aún no hemos llenado el formulario. Entonces lo que vamos a hacer es que vamos a llenar el formulario como prueba. Simplemente comprobamos si está disparando correctamente o no. Entonces ahora llegamos a la forma. Entonces vamos a echarle un vistazo. Entonces ahora puedes ver que esta etiqueta en particular ha saltado a la sección de etiquetas disparadas, lo que significa que esta etiqueta en particular está funcionando absolutamente bien. Así que de esta manera ahora, muy fácilmente, podemos configurar el seguimiento de conversiones de Google Ads para nuestro sitio web a través del Google Tag Manager. Espero que esto tenga sentido. Entiendes este proceso completo, cómo lo hicimos. Muchas gracias, chicos por escuchar esto, y los veré en el siguiente video. 29. Implementación de la etiqueta de evento GA4 con GTM: Hola, chicos. Bienvenidos a esta sesión. En esta sesión, veremos cómo podemos implementar la etiqueta GA four Event con la ayuda de Google Tag Manager. Entonces echemos un vistazo a esto. Entonces lo que vamos a crear es una etiqueta GA four Event, así que vamos a las etiquetas, y aquí es donde podemos iniciar el proceso. Para que podamos ir a la creación de etiquetas. Vamos a crear una etiqueta de Google Analytics, así que eso lo hará en una etiqueta GA four event. Digamos que esto es para una generación particular de formularios de leads, que queremos crear. Entonces lo primero que se requiere es el ID de medición, que tenemos que proporcionar aquí, que esto lo puedas obtener de tu cuenta de Google Analytics. Así podemos ir a la sección Admin de cuenta de Analytics en Flujos de datos, y ahí es donde podemos obtener el ID de medición desde aquí. Podemos popy desde aquí y sacarlo aquí. Ahora podemos ver que dice Google Tag se encuentra en este contenedor, así que está absolutamente bien. Podemos darle un nombre también. Digamos liderar en Submit. Y entonces también podemos definir el detonante para esto. Cuando se activará esto, para que podamos crear un nuevo disparador para esto. Seré una vista de página. Ahora, vamos a crear una vista de página para nosotros. Gracias página. No queremos activar esto para todas las páginas del sitio web. En el sitio web, específicamente, si vemos, tenemos aquí un formulario de lead particular y si lo rellenamos, nos lleva a una página de agradecimiento. Esta parte en particular es lo que requerimos, y la usamos en algunas páginas. Vamos a decir que la URL de la página, que contiene gracias por esa página solo vista de página, que queremos crear. Si un usuario ve esta página de agradecimiento, entonces la etiqueta debería dispararse. Este es un disparador de página, que estamos creando. Podemos salvar esto. Ahora también se crea el disparador, también hemos creado la etiqueta. Esta es una etiqueta GA four que estamos creando y podemos salvar esto. Ahora se crea la etiqueta, así podemos previsualizar. Una vez que tengamos una vista previa, podremos pasar por la página y veremos cómo está funcionando. Este es el sitio web que ahora se está creando. Ahora mismo está conectado. Ya puedes ver, la etiqueta de la G cuatro está justo aquí. No está disparando en absoluto, porque aún no hemos llenado el formulario. Una vez que ahora vengamos al formulario y lo llenemos, debería disparar, porque ahora estaremos viendo la página de agradecimiento. Hemos llegado a la página de agradecimiento. Ahora esto idealmente, que te despidan, podemos refrescar la página uno para ver que eso sucede. Ahora podemos ver los cuatro GA, la etiqueta está disparada. Esto también lo podemos ver. También ha tomado el nombre del evento. Formulario de plomo Enviar. Esto es lo que habíamos hecho. Este era el ID de medición, que habíamos agregado. Ahora también puedes verificar esto yendo a analytics también. Podemos ir a los datos en tiempo real. Idealmente debería aparecer allí también. Podemos ver los datos de los usuarios aquí, un reporte en tiempo real, veamos. Se muestra un usuario activo por aquí. Puedes ver que la página de T gracias está siendo despedida. Tiene una vista por aquí. Evento también. Aquí afuera está apareciendo. Deja que Form Summit, tengo uno por aquí. Así que de esta manera, podemos verificar claramente que nuestro evento GF ha sido creado ahora con la ayuda de nuestro Google Tag Manager. Espero que esto tenga sentido. Entiendes ahora el proceso completo, cómo lo estamos haciendo. Muchas gracias, chicos por escuchar esta sesión, y los veré en el siguiente video. 30. Almacenamiento del ID de medición en la variable definida por el usuario: Hola, ojos. Bienvenidos a esta sesión. En esta sesión, queríamos ver una situación particular, que podemos mejorar aquí afuera. Debes haber visto en los videos anteriores cada vez que estamos creando un evento específico de GA four. En eso, requerimos el ID de medición, que debemos tomar de la cuenta de Analytics, y luego llegamos a nuestro Google Tag Manager, y lo ponemos en las etiquetas. Este proceso se puede realizar de una manera diferente, donde podemos almacenar el ID de medición en una de las variables definidas por el usuario, que podemos crear aquí. Entonces de esta manera, no tendrás que ir a Google Analytics y obtener el ID de medición de ahí. Así que vamos a ver chicos cómo simplemente podemos usar las variables definidas por el usuario aquí. Así que una vez que estemos dentro del Google Tag Manager, vamos a crear una variable, que es una variable definida por el usuario. En esto, vamos a elegir uno específico, que es constante porque esto no va a cambiar. Aquí podemos poner el ID de medición. Vamos a tus análisis y podemos hacer popy nuestro ID de medición y poner el valor v aquí. Podemos guardar esto digamos que podemos decirlo como G cuatro ID. Entonces ahora esta es una variable definida por el usuario, que hemos creado aquí. Así que en el futuro, siempre que estemos creando un evento GA four o cualquier otra etiqueta relacionada con GA four, podemos usar esto aquí mismo, y podemos crear esas etiquetas. No habrá ningún requisito para que vayamos a nuestra cuenta de análisis y obtengamos el ID de medición a partir de ahí. Espero que esto tenga sentido. Entiende este sencillo proceso que se puede hacer para simplificar nuestro trabajo. Muchas gracias, chicos por escuchar esta sesión, y los voy a ver en el siguiente video. 31. Seguimiento de clics y envío a GA4: Hola, chicos. Bienvenidos a esta sesión. En esta sesión, veremos cómo podemos rastrear cualquier tipo de clics que esté ocurriendo en el sitio web con la ayuda de Google Tag Manager y enviando esos datos a GA four. Entonces echemos un vistazo a esto, cómo podemos configurarlo. Entonces para esto, vamos a crear primero un disparador, que será un disparador basado en clics. Podemos ir a la sección de disparadores donde vamos a empezar a crear esto. Vamos a crear un disparador basado en clics, que puede ser todos los elementos. Todos los elementos es el que rastrea cada tipo de clic que está sucediendo en nuestro sitio web. Entonces podemos crear éste y podemos nombrarlo, digamos, haga clic en trigger. Para ello, necesitaríamos también tener una etiqueta que dispararemos, que pueda enviar los datos a GA four. Ahora vamos a crear una etiqueta de una etiqueta GA four event. Y necesitamos proporcionar el ID de medición. Aquí ahora, puedes hacer uso de la variable, que habíamos creado en los videos anteriores. En lugar de ir a la cuenta de análisis, solo puede hacer uso de la variable. Si recuerdas en los videos anteriores, habíamos creado una variable llamada GF four ID, constante, que ahora podemos usar aquí, específicamente, y luego podemos darle un nombre. En esto, vamos a adjuntar el disparador de clic de esta manera particular. Esta va a ser la etiqueta específica de clic que estamos creando, que va a ir a G cuatro, y podemos guardar esto. Ahora esto se crea con el disparador particular que hemos creado, por lo que podemos hacer una vista previa de esto. Y podemos ver cómo va a funcionar. Ahora se está creando, por lo que aún no ha disparado. Podemos simplemente desplazarnos a través de él. Ahora bien, si haces clic en ciertas páginas, estoy haciendo clic en esta o en la parte de habilidades, o digamos que en alguna parte vacía también. Ahora se ha disparado. Se puede ver que esto ha desencadenado para nosotros, y este es el evento que teníamos nombre que habíamos dado el ID de medición, que puedo ver aquí afuera. Ahora, estos datos se están activando, y esto también ahora se mostrará en la página también en nuestra cuenta de análisis. Entonces donde se transferirán los datos. Así que también lo podremos ver aquí afuera. Específicamente, podemos ver todos los clics están llegando aquí también, que habíamos creado como un evento. Entonces ahora los datos se están moviendo a la analítica. Así que de esta manera simple, chicos, podemos crear también podemos crear una etiqueta basada en clics a través de Google Tag Manager, que va a rastrear todo tipo de clics que ocurren en nuestro sitio web. Espero que esto tenga sentido. Entiendes todo el proceso, cómo lo hicimos para crearlo. Muchas gracias chicos por escuchar esto, y los veré en el siguiente video. 32. Agregar detalles sobre clics y enviar a eventos de GA4: Hola, chicos. Bienvenidos a esta sesión. En esta sesión, veremos cómo podemos agregar ciertos detalles sobre los clics y enviarlos a G four eventos. Entonces en esto, lo que vamos a hacer es que vamos a agregar algunas variables para que podamos llegar a ver sus valores cuando estemos activando esas etiquetas particulares, y esto se puede enviar a GA four así como eventos en los que podamos ver la información Entonces echemos un vistazo a esto. Entonces, una vez que estemos dentro del Google Tag Manager, lo que queremos hacer primero es agregar ciertas variables para las que queremos ver los valores. Entonces podemos agregar las variables, podemos configurar desde aquí. Digamos que queremos mirar las variables clicks. Estas son todas las variables relacionadas con los clics, que podemos agregar aquí. Ahora todos se agregan de esta manera particular. Y ahora estos. vamos a usar en nuestro trigger, que hemos creado antes. Esta era la etiqueta que habíamos creado, en la que podemos utilizarlas. Por aquí, habíamos creado el ID de medición particular y el nombre del evento. Lo que vamos a hacer es que vamos a agregar los parámetros del evento, y vamos a agregar seis de las variables relacionadas con los seis clics que habíamos visto. Ahora podemos agregarlos uno por uno por aquí. Estos valores se dispararán entonces también. Como se puede ver. Nosotros habíamos llenado esto, y ahora podemos darle un nombre también, así podemos nombrar de la misma manera. Esto se mostrará en nuestro específicamente en G cuatro también. Ahora lo hemos agregado y podemos guardar esta información. Ahora que hemos hecho esto, si haces un adelanto de esto para ver cómo va a quedar, echemos un vistazo a eso también. Ahora cuando veamos esto, tenemos los clics uno por aquí, así que hagamos clic en ciertas secciones del sitio web de esta manera particular. Ahora está disparando. Ahora se puede ver que los parámetros están siendo despedidos también. Por aquí, todos estos están apareciendo en la sección click, si vemos, las variables estarán aquí. Ahora podemos ver las variables. El elemento click es éste, el ID de clic, que se utiliza, el contacto de texto click. La URL, no había ninguna URL en particular, por lo que no muestra nada. De esta manera, los datos se están mostrando ahora, por lo que se definen las variables, y para sus datos, podemos ver. Ahora, lo mismo también se reflejará en nuestro Go. Si vamos a nuestros datos GFO en tiempo real, y vemos esta información Ahora puedes ver la sección de todos los eventos por aquí. Si vas en todos los clics. Puedes ver todos los parámetros de eventos particulares que creamos en este momento. Puedes ver clases de click, click ID, que creamos, click elemento, texto. Todos estos ahora están apareciendo por aquí. Entonces sí, después de esto, todos los detalles que agregamos en el GTM se pasan ahora a G cuatro de esta manera particular, y podemos ver la información Espero que esto tenga sentido. Entiende ahora cómo puede agregar variables que luego pueden pasar los datos a GA cuatro a través de nuestro Google Tag Manager. Muchas gracias, chicos por escuchar esta sesión, y los veré en el siguiente video. 33. Sigue los clics de Button en GA4 a través de GTM: Hola, chicos. Bienvenidos a esta sesión. En esta sesión, veremos cómo podemos rastrear clics en ciertos botones del sitio web. Cada sitio web tendrá ciertos botones, y si queremos rastrear los clics que ocurren en ellos, también podemos hacerlo a través de Google Tag Manager Entonces echemos un vistazo a esto. Para ello, podemos entrar en la cuenta, y podemos empezar a mirar primero los disparadores. Así que vamos a crear un disparador, que será un disparador de clic. Así podemos crear un nuevo trigger a partir de aquí, que es un click y podemos usar todos los elementos. Pero ahora lo que va a pasar es, esto no es para todos los clics, sino para cierto tipo de clics que están sucediendo, específicamente hablando de botones. A partir de aquí, podemos elegir una variable que sería relevante para nosotros. Estas van a ser todas las variables incorporadas que Google te da. Si puede elegir de aquí, o puede elegir cualquier otra variable incorporada que desee, o puede crear una nueva variable. Así que digamos que estamos eligiendo clases de click aquí, y ahora tenemos que proporcionar la variable particular aquí. que puedas ir a tu sitio web y puedes mirar la codificación de tu sitio web específicamente para ver qué tipo de variable se usa en él. Se puede hacer una búsqueda de página de vista o inspeccionar elemento. Y lo que vamos a ver es el específicamente. Si nos fijamos aquí en el botón específicamente, lo que estamos usando aquí específicamente es un elemento de botón, que se muestra por aquí, como se puede ver botón debajo de la etiqueta o elemento botón utilizado aquí. Entonces podemos usar botón como valor, que queremos usar. Y entonces se le puede dar un nombre de esta manera. Y para esto ahora, vamos a crear una etiqueta. Entonces vamos a usar la misma etiqueta que habíamos usado en el video anterior. Lo que también podemos hacer es, solo queremos exactamente lo mismo, así podemos hacer una copia de esto más bien. Y ahora podemos decir clics de botón. En esto haremos los cambios. Esta es la copia. Entonces, lo que estamos nombrando pueden ser clics de botón. Y para ello, vamos a seguir adelante y quitar este gatillo específicamente, que se está utilizando. Esta no es la correcta. Lo que queremos usar es el disparador de clic de botón que creamos. Ahora puedes seguir adelante y guardar esto. Esto va a funcionar para nosotros. Ahora hemos creado esta etiqueta en particular, que calza fuego. Echemos un vistazo a esto. Entonces esto está conectado. Así que ahora solo estoy rodando por el sitio web. Lo que veremos aquí es que los clics de botón no se disparan porque aún no hemos hecho clic en el botón. Entonces hagámoslo. Cuando hacemos clic en el botón. Ahora, se ha disparado aquí como pueden ver. Y si vemos dentro, podemos ver todos los parámetros además de aparecer. Además, si te das cuenta, si sigo adelante y hago clic en cualquier otro lugar, solo estoy dando click en cualquier otro lugar. Lo que está pasando es que estamos recibiendo los clics por aquí. Pero si ves, eso no es activar los clics de botón. Esa es solo la parte de los clics que habíamos hecho antes, que se está activando. Esto significa que esta configuración en particular está funcionando absolutamente bien. Sólo se va a activar cuando hacemos clic en el botón real en el sitio web. Espero que esto tenga sentido. Entiende ahora cómo puede rastrear los clics en sus botones en el sitio web también. Y también podemos pasar estos datos a GA cuatro. Ahora si vas a GA cuatro y te gusta ver esta información. Lo podemos ver en eventos particularmente. Aquí, puedes ver los clics de los botones que vienen por aquí y también puedes ver los datos. Las clases de click se acercan por aquí. Esta es la URL que vamos a estar viendo, que se está mostrando de esta manera particular. Espero que esto tenga sentido. Entiende ahora cómo podemos rastrear clics en los botones también en nuestros sitios web a través de Google Tag Manager. Muchas gracias, chicos por escuchar esta sesión, y los veré en el siguiente video. 34. Creación de un desencadenante de página específico: Hola, chicos. Bienvenidos a esta sesión. En esta sesión, queríamos ver un enfoque diferente, que es que podemos crear un disparador de página de etiquetas específico para la misma situación, que es donde estamos configurando, digamos un evento GA four, a través de Google Tag Manager. Entonces aquí, lo que vamos a hacer es que primero vamos a crear un disparador específico, y podemos vincularlo a la etiqueta, que hará el mismo trabajo, que estábamos viendo en el video anterior. Entonces echemos un vistazo a esto. Así que una vez que estés dentro del Google Tag Manager, lo primero que vamos a hacer aquí es crear el disparador. Vamos a crear el disparador, que va a ser, digamos el mismo activador de página de agradecimiento , que estamos creando. Podemos crear una vista de página, que es para una página específica, y aquí podemos seleccionar una opción predefinida, que es la parte de la página contiene, y luego podemos dar la misma palabra clave específica que está ahí en nuestra URL de página de agradecimiento, y podemos crear este disparador en particular. Este puede ser un disparador específico de la página de agradecimiento que estamos creando. Y ahora este disparador se puede usar en las etiquetas, que hemos creado, así podemos ir a las etiquetas, y podemos elegir la etiqueta específicamente. Y podemos adjuntar ese disparador en particular aquí, como pueden ver. Y usa esto ahora para activar y ver si sus clientes potenciales están siendo generados, rastreados en Google Analytics. Bien. Este es otro enfoque, que podemos hacer en donde podemos hacer esto y crear los diferentes tipos de etiquetas para páginas específicas para las que lo estábamos creando, y luego vincularlo a las etiquetas que podamos rastrear nuestros detalles. Espero que esto tenga sentido. Entiendes el enfoque diferente, cómo podemos configurar nuestros códigos de Google Tag Manager. Muchas gracias, chicos por escuchar esta sesión, y los veo en la siguiente radio. 35. Captura errores de JavaScript con GTM y envíalos a GA4: Hola, chicos. Bienvenidos a esta sesión. En esta sesión, veremos cómo podemos capturar errores de JavaScript a través de GTM y enviarlos a GF four Muchas veces nuestro sitio web está construido sobre JavaScript, y puede haber muchos errores que pueden ocurrir, y por lo que crea una mala experiencia de usuario para nuestros usuarios. Entonces en tal caso, tiene sentido hacer un seguimiento de estos errores y luego corregirlos a través de nuestro desarrollador web. Entonces, en tal caso, también podemos hacer uso del GTM para capturar estos errores, y luego podemos compartirlo con Google Analytics, y luego estos pueden ser arreglados por nuestros desarrolladores web Entonces echemos un vistazo a los chicos, cómo podemos configurarlo. Una vez que estemos en el Google Tag Manager, lo primero que vamos a hacer es añadir ciertas variables relacionadas con estos errores. Entonces podemos ir a la sección de variables, y podemos agregar estas variables primero relacionadas con errores. Podemos ver bajo errores, hay ciertas variables como mensaje de error. Esto nos mostrará la descripción del error que ha ocurrido. URL de error mostrará en qué URL de página viene el error, y luego la línea también, línea de error mostrará qué línea de código tiene un error. Estos tres los podemos agregar aquí. Y ahora podemos crear un disparador basado en esto. Vamos a crear un nuevo disparador, que va a ser un error de script Java, y podemos mantenerlo como para todos los errores de JavaScript, que queremos rastrear aquí. Podemos nombrarlo como desencadenador de error JS. Y ahora vamos a usar en la etiqueta. Vamos a crear una nueva etiqueta, que va a ser una etiqueta de evento de Google Analytics, y vamos a agregar el ID de medición, que podamos hacer uso de nuestro ID G four, que habíamos hecho antes. Y podemos darle un nombre a esto, digamos error JS. Ahora aquí tendremos que agregar algunos parámetros de evento, los valores para ello. Las variables que creamos para esos tres, vamos a usar esto. Podemos nombrarlo de esa manera particular, que puede ser mensaje de error. URL de error y línea de error. Todo lo que tenemos que hacer es proporcionar los valores basados en las variables que creamos, mensaje de error. URL de error y línea de error. Esto nos proporcionan. Ahora, solo necesitamos agregar el trigger JS trigger, que creamos. Ahora nuestra etiqueta está lista. Nombra esto como etiqueta de error JS. Esta etiqueta se disparará cuando identifique cualquier error Errores de JavaScript en el sitio web. Ahora, no podemos hacer una vista previa de esto, pero esto aparecerá eventualmente una vez que haya algún error en el código JavaScript en nuestro sitio web, disparará la etiqueta, y eso aparecerá en el análisis. Entonces en analítica, cuando vayas, podemos ir a la sección en tiempo real donde vamos a los eventos de aquí, verás el evento que creamos, que es el mensaje de error JS, que creamos por aquí, ¿verdad? Este nombre de evento en particular aparecerá error JS, aparecerá en nuestro análisis aquí, y podremos ver todos los errores que están entrando, cuales se pueden compartir con nuestro desarrollador web, y ellos pueden buscar solucionarlo. De esta manera, chicos, podemos volver a hacer uso del Google Tag Manager, para conocer cualquier error de script Java que ocurra en nuestro sitio web. Espero que esto tenga sentido. Entiendes este proceso completo, cómo configurarlo en la cuenta. Muchas gracias chicos por escuchar esto, y los veré en el siguiente video. 36. Seguimiento de si los usuarios están viendo una sección, imagen, banner, etc.: Hola, chicos. Bienvenidos a esta sesión. En esta sesión, queríamos ver cómo podemos rastrear si los usuarios están viendo una sección particular de nuestro sitio web o imagen o banner o no. Esto también lo puedes hacer a través de GTM, donde podemos configurar una etiqueta en particular, que puede hacer esta tarea por nosotros. Echemos un vistazo a esto. general, lo que sucede es que las personas pueden desplazarse por tu sitio web, pero puede que no vayan a secciones particulares, secciones importantes que queremos que visiten. En tal caso, podemos construir una cierta etiqueta para eso. Para ello, lo primero que necesitamos tener son ciertas variables relacionadas con la visibilidad, que tendremos que añadir aquí. Podemos ir a la sección de variables configurar y podemos ir al porcentaje visible. Estos dos los agregaremos aquí. Y entonces podemos llegar a los disparadores. Vamos a crear un nuevo disparador para esto que va a ser la visibilidad del elemento, que podemos establecer aquí, y podemos dar el ID del método de selección. Tenemos que proporcionar este ID, que podemos obtener del código del propio sitio web. Digamos que en mi página web, quiero ver esta sección en particular la gente está visitando o no, porque quiero que me contacten . En tal caso, puedo mirar el elemento de inspección y ver particularmente esta sección principalmente y mirar el ID que podemos usar aquí. Si ves específicamente, esta es la sección que se está resaltando, esta parte en particular en que podemos obtener el ID de aquí. Y ponlo en la sección de aquí afuera. Ahora esto va a disparar uno por página. Una vez que una persona viene aquí y pasa cierta cantidad de tiempo, podemos seguir adelante y disparar la etiqueta para eso. En la configuración avanzada, puedes seguir adelante y dar a la configuración también cuánto tiempo quieres que la persona dedique a esa sección en particular. Entonces digamos que estoy diciendo 10 segundos, así podemos dar 10,000 milisegundos aquí afuera, y podemos crear este disparador de visibilidad Una vez que el disparador está en su lugar, ahora, lo que tenemos que hacer es crear una etiqueta donde podamos crear la etiqueta, que va a ser una etiqueta de cuatro eventos GA, y podemos agregar el ID de medición, el ID de medición, G four ID. Podemos darle un nombre también así. Digamos visibilidad. Y podemos agregar algunos parámetros de eventos, dos de estos parámetros, que teníamos ed. Podemos las que seleccionamos, variables en la duración de la pantalla. Y por ciento visible. Los otros dos, que habíamos visto específicamente. Entonces podemos nombrar el evento también de esa manera particular. Porcentaje visible. Entonces podemos agregar ese disparador, que creamos aquí afuera. Ahora esto ya está listo. Podemos ver cómo va a funcionar esto para nosotros. Podemos nombrarlo de esta manera etiqueta de visibilidad y ella. Ahora que se crea la etiqueta, podemos previsualizar esto en la página y ver cómo funciona. Podemos conectar el sitio web. A y ahora podemos desplazarnos por el sitio web y llegar a esa sección. Entonces, una vez que estemos en esta sección, vamos a echarle un vistazo. Entonces ahora mismo si ves, la etiqueta de visibilidad no se ha disparado. Eso está pasando porque los 10 segundos que necesita para estar ahí en la página, ¿verdad? Entonces necesitamos estar en esta página por 10 segundos, y luego se disparará, y aparecerá en la sección disparada. Una vez que eso sucede, entonces entendemos que esta etiqueta en particular está funcionando correctamente, y obtiene todos los valores que podemos ver ahí fuera. Así que ahora puedes ver que la etiqueta de visibilidad está en la sección tags disparados. Y si vamos ahí, podemos ver los parámetros particulares que estamos diseñados por ciento visibles en duración de la pantalla también está saliendo por aquí. Esto, ahora también podemos verificar en nuestra cuenta de análisis, si está funcionando correctamente o no, para que podamos actualizar y podamos ver datos en tiempo real sobre análisis. Podemos ir a la sección de eventos y ver eso por ahí. Vamos a tiempo real. En tiempo real, podemos ver visibilidad. Esto es lo que habíamos creado como evento. Si vamos en esto, ahora podemos ver los diferentes tipos de eventos por aquí. ciento visible viene aquí, en pantalla también viene aquí la duración , que también está disparando correctamente y lo podemos ver en GA. Entonces así es como podemos configurar la etiqueta, lo que nos ayudará a rastrear si la gente está viendo y pasando tiempo en una sección particular importante de nuestros sitios web. Espero que esto tenga sentido. Entiende ahora cómo podemos construir esta etiqueta en nuestra cuenta GTM Muchas gracias, chicos por escuchar esta sesión, y los voy a ver en el siguiente video. 37. Introducción a la capa de datos: Él. Bienvenidos a esta sesión. En esta sesión, hablaremos sobre el concepto de capa de datos en Google Tag Manager. Así que la capa de datos son como un objeto Javascript que se asienta en nuestras páginas. Por lo que es una parte de tu código de estimación de tu sitio web, que a veces requerimos. Contiene todos los datos o información que desea pasar de su sitio web a otras aplicaciones o herramientas. Por lo que esto es útil en diferentes escenarios. Entonces echemos un vistazo a un escenario. Entonces, por lo general, lo que sucede es que tienes un sitio web, en el que has enumerado tu producto. Por lo que tiene diversos tipos de información, como nombre del producto, precio del producto, imágenes ahí, color, talla, todo esto ahí. ¿Correcto? Ahora, cuando configuras una etiqueta GTM o cualquier otra etiqueta, digamos una etiqueta de droga o cualquier otra etiqueta, por lo que el GTM extrae datos de esta información en particular, que está ahí en Ahora bien, lo que sucede es, en los casos, veces cuando mueves la información a otras partes de la página, digamos, muevo la información de tamaño a otra parte de la página, entonces GTM no podrá sacar esa información en particular En tal escenario, introducimos una capa de datos. Una capa de datos se encuentra detrás de la página del sitio web, algo así. Definimos una capa de datos, que es como un objeto, que se sienta detrás de la página, y ahora conectamos todas las etiquetas, GTM o un do u otras etiquetas a la capa de datos aquí, donde tenemos hemos seguido adelante y definido toda la información con claridad Entonces aquí, el nombre del producto, nombre del producto precio del producto, color tamaño se define claramente. Entonces ahora, si incluso si haces cambios en tu página de inicio, digamos que mueves el color a otra sección o imágenes a otras partes de la página o tamaño a otras partes de la página, la información en la capa de datos permanece intacta. Por lo tanto, los administradores de etiquetas pueden sacar fácilmente los datos de la propia capa de datos, y pueden hacer el seguimiento. Entonces de esta manera, realmente ayuda seguir adelante y puedes seguir haciendo cambios en tus páginas mientras no afecta a ninguna de tus etiquetas que hayas configurado a través de diferentes gestores de etiquetas. Veamos algunos ejemplos de cómo se verá esto. Entonces la estructura de la capa de datos va a ser algo así, en donde introducimos un script, y necesitamos escribir en esta sintaxis en particular, que son los datos en minúsculas y la capa en mayúsculas. Esto es sensible a mayúsculas y minúsculas, por lo que necesitamos escribir de esta manera particular. Luego introducimos el valor clave, los valores que necesitamos definir aquí. Podemos cerrar el guión. Esta es la estructura de la capa de datos, que tenemos que escribir en nuestro est porte. Veamos este ejemplo. Este es un ejemplo sencillo donde hemos escrito en ese formato. Se define la capa de datos. Podemos ver el producto por aquí, que se define como el precio, color y tamaño del producto. Este puede ser un ejemplo sencillo de cómo se definirá una capa de datos en un sitio web. La otra opción, una compleja puede ser de esta manera, esto puede ser para sitios web de comercio electrónico, donde tenemos múltiples productos, y para los cuales estamos definiendo toda esta información como nombre, premio, color y tamaño. Es así como las capas de datos se pueden escribir y usar en diferentes códigos de estimación de diferentes negocios Cada negocio va a ser diferente, por lo que estarán escribiendo sus capas de datos de una manera diferente. Veamos prácticamente también cómo se verá esto en nuestro sitio web. En el sitio web, si tienes que mirar la capa de datos, puedes ir a Inspeccionar Elemento, y aquí podemos ir a Consola. Podemos ir a la consola y podemos buscar capa de datos. Cuando entramos en la parte de la capa de datos, es donde puedes ver la capa de datos aquí. Estos son los objetos de los que estamos hablando, cuales están numerados de esta manera 012 Ahora bien, si da clic en alguno de cada uno de estos objetos individuales, más lejos podrá ver la información aquí. Al igual que aquí, podemos ver la información particular que se da aquí para este objeto, entonces el número uno, este es otro objeto para el que aquí se da la información. Es así como puedes encontrar fácilmente una capa de datos yendo al elemento de inspección donde podemos buscar en consola. Espero que esto tenga sentido. Espero que entiendas el concepto de capa de datos y ¿cuál es el caso de uso de la misma? Cómo nos facilita las cosas cuando estamos configurando el impuesto GTM Muchas gracias, chicos por escuchar esta sesión, y los veré en el siguiente video. 38. Uso de capa de datos con GTM: Hola, chicos. Bienvenidos a esta sesión. En esta sesión, veremos cómo podemos hacer uso de la capa de datos en nuestra cuenta GTM Entonces, una vez que iniciamos sesión en nuestra cuenta, primero necesitamos crear una variable. Vamos a la sección variable. Y aquí vamos a definir una variable definida por el usuario. Entonces vamos a hacer eso yendo a la configurar e ir a nuevo. Entonces esta será una variable de capa de datos, lo cual queremos hacer. Ahora aquí, tendremos que definir el nombre de la variable de capa de datos, que tenemos que proporcionar. Entonces para lo cual podemos ir a nuestro sitio web y mirar primero las variables. Podemos hacer un elemento de inspección. Como vimos en el video anterior, iremos a Consola e iremos a capa de datos. De esta manera particular, podemos ver la matriz por aquí. Y encontraremos toda la información. De esta manera particular, hay diferentes objetos que podemos ver aquí afuera. Digamos que estamos viendo un objeto en particular. Éste. Digamos el tercer objeto en el que necesitamos crear una variable. Tenemos que tomar el nombre exacto por aquí, así que como estamos tomando este como nombre. Y podemos darle un nombre así. Y podemos salvarla. Esa es la primera información. misma manera, necesitamos otro para que podamos crear otro aquí afuera. Digamos el segundo, umbral de desplazamiento, y le damos un nombre. DL es para. Y podemos salvarla. Ahora puedes ver, hemos creado dos variables de capa de datos aquí, que nos gustaría usar en nuestro Google Tag Manager. Ahora podemos hacer un adelanto de esto para ver cómo va a funcionar esto. Cuando hacemos una vista previa, podemos agregar nuestro sitio web. Ahora esto está completamente cargado, como podemos ver aquí, y si vamos a ventana cargada en sección de capa de datos, podremos ver esta información. 39. Etiqueta HTML personalizada: ejecución de HTML y JavaScript: Hola. Bienvenidos a esta sesión. En esta sesión, veremos cómo podemos hacer uso de una etiqueta STML personalizada en una cuenta GTM Muchas veces sucede que podríamos tener que implementar un código específico en el sitio web o un código script Java en el sitio web. En tal caso, podemos hacer uso de la etiqueta STML personalizada aquí. Entonces echemos un vistazo a esto. Una vez que estemos dentro de la cuenta de Google Tag Manager, podemos ir a la sección de etiquetas donde vamos a crear una nueva etiqueta por completo. Ahora esta etiqueta va a ser un HTML personalizado. Aquí es donde puedes agregar tu código, que puede ser un código STMA o un código JavaScript de esta manera particular Y ahora puedes aplicar esto en todas las páginas, y podemos nombrarlo como HTML personalizado. Una vez que hagas esto, puedes previsualizar el sitio web para echarle un vistazo, por lo que el código ahora se disparará en el sitio web, y deberíamos poder ver la información por ahí. De esta manera, en el sitio web, puedes ver la información aquí. Esta es una forma en la que puedes aplicar un HTML personalizado. La otra opción si ves ahora en el back end, el código se ha disparado por aquí, y podemos ver el HTML que aparece aquí. Esto significa que se implementa en nuestra página. La otra opción es de la misma manera, puedes seguir adelante y agregar un código de script Java. Puedes agregar en el mismo lugar, puedes agregar un código Java desde una herramienta de terceros e implementarlo en tu sitio web. De esta manera, podemos agregar algunos códigos personalizados en nuestro sitio web por diversas razones, que podrían ser necesarias para el negocio. Espero que esto tenga sentido. Espero que entiendas cómo se pueden implementar los códigos ESTL personalizados con la ayuda de Google Tag Manager Muchas gracias, uys por escuchar esto, y los veré en el siguiente video 40. ¡Gracias!: Hola, chicos. Si estás viendo este video, eso significa que has llegado al final de esta clase, y me gustaría agradecerte por tomar esta clase, y espero que esta información te haya sido útil. Eres capaz de entender cómo funciona GTM y cómo puedes usarlo, implementarlo en tu negocio y para tus clientes Así que gracias una vez más, chicos, por revisar mi clase y pasar un buen rato aprendiendo ah.