La introducción más completa a Google Tag Manager (GTM) para 2023

1. Introducción a la clase: Hola y bienvenidos a este curso de Google tag manager. Yo soy Žiga y seré tu instructor. Al final de este curso, tendrás un profundo entendimiento sobre cómo funciona Google tag manager y qué puedes hacer con él. Empezaremos con lo básico como conocer Google tag manager y configurarlo. También discutiremos algunos problemas comunes que podrías encontrar y cómo resolverlos. Después nos sumergemos directamente en la carne del curso. En el camino te mostraré ejemplos del mundo real para que puedas construir tu propio proyecto a medida que avanzamos. OK. Entonces debes estar preguntándote, ¿quién soy yo y por qué te estoy enseñando todo esto? Bueno, llevo más de 8 años en marketing digital y en este tiempo he tenido 2 exitosas campañas de crowdfunding y he ayudado a más de 10 personas a recaudar más de 1 millón de dólares. He hablado en diversas conferencias y eventos de marketing e incluso he dado conferencias a múltiples generaciones de propietarios de pequeñas empresas sobre diferentes temas del marketing digital. Y durante los últimos dos años, también he tenido mi propia agencia enfocada en ayudar a las empresas a automatizar su marketing. A través de todo este tiempo, he estado usando activamente Google tag manager para ayudarme a mí y a mis clientes a configurar todo. Antes de sumergirnos, solo quiero explicar cómo puedes sacar el máximo provecho de este curso. Si eres nuevo en Google Tag Manager, te sugiero encarecidamente que empieces desde el principio y trabajes tu camino hasta el final. Esto asegurará que cuentes con todos los conocimientos necesarios para temas más avanzados. Una vez que inicies el curso, no dejes que pasen días o semanas entre clases o empezarás a olvidar lo que ya has aprendido. Confía en mí, tener que volver atrás y sentarse a través de conferencias que ya has visto es un arrastre. Tallar un espacio de estudio y eliminar todas las distracciones. Entonces apégate a ella como lo harías en la universidad. Este espacio puede ser sencillo como un escritorio con una silla y algo discreto de música de fondo. Si tienes alguna pregunta o problema durante el curso, siéntete libre de hacerlos en la sección de preguntas y respuestas o ponte en contacto conmigo directamente. Estaré más que feliz de ayudarte. Un consejo más importante. Toma notas. Si es posible en un cuaderno real. El acto físico de la escritura te ayudará a retener mejor la información. último, pero no menos importante, diviértete y disfruta de tu experiencia de aprendizaje. Estoy súper emocionado de compartir todo contigo. Entonces, empecemos. 2. Qué es Google Tag Manager y por qué necesitas: Si eres nuevo en Google tag manager, probablemente te estés preguntando, ¿por qué siquiera lo necesito y no puedo hacer todas estas cosas de otra manera? Bueno, la respuesta corta a ambas preguntas es sí. Pero déjame decirte por qué usar Google tag manager es una opción mucho mejor. Imagina esto. Acabas de encontrar una nueva herramienta de marketing que ayudará a generar más leads. y quieres probarlo. Se registra para el servicio. y te proporcionan un pequeño script que necesitas instalar en tu sitio Web. Ahora bien, es posible que no sepas exactamente cómo hacer esto o simplemente no tienes acceso a los servidores. Por lo que se pone en contacto con los desarrolladores responsables de mantener su sitio web. Obtienes la pronta respuesta que actualmente están arreglando algunos bugs y volverás a lo antes posible . Bueno, todos sabemos que esto puede tardar apenas unas horas, pero a veces puede tardar días. Y cuando finalmente vuelvan a ti, solo podría ser porque llegó algo más urgente y tus pruebas tendrán que posponerse de nuevo. Suena familiar? Bueno, este tipo de situaciones pueden impactar en gran medida su capacidad para ejecutar rápidamente diferentes experimentos de marketing y adaptarse a situaciones actuales. Sería perfecto si pudieras tener a tu propio desarrollador personal en espera. Pero desafortunadamente, la mayoría de nosotros no tenemos ese lujo. Aquí es donde Google Tag Manager puede venir a rescatar. Y a pesar de que no puedes considerarlo como un reemplazo completo para un desarrollador, te empoderará mucho a ti y a tu equipo de marketing. Así que vamos a repasar algunas de las cosas que puedes hacer fácilmente con Google Tag Manager. Como ya mencioné, simplemente puedes instalar y eliminar scripts de terceros sin la ayuda de un desarrollador. También obtienes una visión general completa de los scripts que estás ejecutando actualmente en tu sitio web. De esta forma, podrás comprobar rápidamente qué herramientas de marketing tienes en uso y deshabilitar aquellas que ya no usas , acelerando así tu sitio web. Otra característica genial es la publicación y el control de versiones. Cualquier cambio nuevo que realices tiene que ser publicado antes de que aparezcan en vivo en tu sitio web. Además, al hacerlo, esta instantánea del estado actual se guarda como una nueva versión. Esto permite revertir a cualquiera de las versiones pasadas si así lo requiere. Encima de ese google tag manager te permite probar tus scripts en el entorno en vivo sin impactar en tu tráfico existente. De esta forma, puedes asegurarte de que tus nuevos cambios funcionarán perfectamente cuando los publiques. Cada vez. Como ves, Google Tag Manager es un poderoso compañero que puede ayudarte a administrar todas tus herramientas de marketing en un solo lugar. Pero eso es sólo rascar la superficie. Y aprendes mucho más en el próximo curso. 3. Vista general de la interfaz: Hagamos ahora una visión general de la interfaz de Google tag manager. Esto te ayudará a entender mejor dónde puedes encontrar las cosas y cómo usarlas. Entonces lo primero que puedes ver, estamos en la pestaña del espacio de trabajo y hay una especie de visión general de todo lo que está pasando actualmente en tu contenedor. Por lo que tienes la descripción del contenedor, si lo establecerías. Todos los cambios para la etiqueta, desencadenantes y variables serán visibles aquí. Versiones también. Cuál está actualmente activo, cuántas versiones tienes, quién lo publicó lo más reciente y así sucesivamente. Ahora puedes tener múltiples puestos de trabajo. Si tienes varias personas trabajando en un mismo contenedor te permitirá hacer tus propios cambios sin interrumpir su trabajo. Entonces si alguien está haciendo algunos experimentos y no ha terminado de construir su contenedor, aún puedes trabajar en tu proyecto y publicarlo antes de que termine el suyo. O en otros casos por los que podrías usar espacios de trabajo es, por ejemplo, tienes algunas etiquetas nuevas que quieres probar. No estás muy seguro si quieres quedarte con ellos. Solo quieres experimentar un poco. Puedes crear un nuevo espacio de trabajo probarlo y si no funciona, puedes simplemente eliminarlo o volver a este espacio de trabajo. Si echamos un vistazo, solo tienes tres espacios de trabajo diferentes disponibles en la versión gratuita de Google tag manager. Por lo tanto, ten eso en cuenta. Lo siguiente son Tags básicamente son una especie de como tus trabajadores. Estos son pequeños guiones que se ejecutarán cuando algo suceda. Esto puede ser, por ejemplo, como el pixel de Facebook o Google analytics pixel. Y básicamente las etiquetas le permiten implementar sus scripts de marketing en sus sitios Web. Lo que puedes hacer con estas etiquetas también es modificar cookies, inyectar código HTML o JavaScript y muchas otras cosas que veremos en las futuras conferencias. El siguiente apartado son disparadores y te puedes imaginar desencadenantes especie de condiciones que adjuntas a las etiquetas. Entonces básicamente cuando estás decidiendo cuándo la etiqueta insertará un determinado script o un código en tu sitio web o cuándo hará algo, tienes que definir cuándo sucederá esto. Y los desencadenantes básicamente dictan cuándo se dispararán las etiquetas. Hay múltiples desencadenantes de los realmente amplios, como los genéricos, cuando cierta etiqueta se puede disparar en cada página. Entonces esto podrías usar para tu análisis de Google O disparadores realmente específicos cuando quieras digamos, por ejemplo: píxel de conversión de Facebook solo para disparar cuando ocurre una conversión. A lo mejor en tu página de agradecimiento después de que el cliente haya comprado un producto. Entraremos en más detalles sobre disparadores otra vez más adelante cuando realmente hagamos algunos. El siguiente apartado son variables y las variables son una especie de contenedores para diferentes valores. Tienes dos secciones aquí. Unas son variables incorporadas las cuales Google tag manager ya predefinidas y puedes configurar más. O variables definidas por el usuario que tú mismo puedes definir como quieras. Entonces las variables, en resumen, son, por ejemplo, como puedes ver aquí, como página, URL por lo que cuando la página se cargue en estas variables, obtendrás la URL de tu sitio Web o obtendrás un referente de donde vino esta persona. O por supuesto, puedes tener como en qué elemento se hizo clic en la página o hasta dónde se desplazóalguien desplazó Así que las variables mantienen toda esta información que luego puedes usar en disparadores o etiquetas para hacer algo dependiendo del estado en que variable es actualmente. El siguiente apartado son las carpetas que básicamente permiten administrar u organizar mejor etiquetas, desencadenantes y variables. Y analizaremos las mejores prácticas sobre cómo usar eso en la siguiente lección. La última parte son las plantillas y estas son básicamente herramientas de construcción comunitaria útiles como etiquetas o variables y en realidad estarán usando un par de esas porque simplifican ciertas cosas que de otra manera necesitarías programar en JavaScript o desarrollarte tú mismo. Se puede buscar en la galería, por ejemplo, plantillas de etiquetas y se puede ver que hay muchas etiquetas ya prefabricadas. Y por supuesto, lo mismo va para las variables. Hay dos cosas más importantes que quiero señalar. Y estos son estos dos botones. El primero es el botón enviar, que crea una nueva versión de su configuración actual de contenedor y publicó esta versión en su sitio Web. No es necesario publicarlo, sin embargo. Simplemente puede crear una nueva versión y después de un cierto número de versiones, puede implementarla en vivo en su sitio Web. Se puede, por supuesto, tener diferentes entornos de pruebas en los que se puede publicar esta versión. El otro botón es el botón de vista previa y el botón de vista previa permite depurar contenedores de Google tag manager. Te permitirá ver lo que está pasando con el contenedor en vivo en tu sitio Web. Y estarás usando mucho estos dos botones. La siguiente pestaña es la pestaña de versiones y en la pestaña de versiones, tendrás una visión general de todas las versiones que has creado, qué versiones están actualmente en vivo, o cada versión que verás como una descripción y título. Y con cuántas etiquetas, desencadenantes y variables sostiene. Y puedes, por supuesto, volver a versiones anteriores si así lo deseas y ver qué ha cambiado de versión a versión. Entonces esta es una buena visión general del tipo de historia de todas las cosas que has publicado. El último tabulador es la sección admin. Y aquí básicamente puedes administrar toda la configuración de tu cuenta, gestión de usuarios por cuenta o tal vez para contenedor. También puedes exportar tu versión actual o cualquier versión que ya hayas creado poder migrarla a otro contenedor o tal vez simplemente crear una copia de seguridad para algún tiempo futuro. Se puede, por supuesto, importar contenedores aquí también. Y si olvidaste dónde puedes encontrar tu código de administrador de etiquetas de Google instalando aquí hay otra forma de solo hacer clic en él y obtendrás ese código. Bueno, esta es toda la visión general de la interfaz. Veremos un poco más de detalles una vez que empecemos a trabajar con él. 4. Mejores prácticas y consideraciones: Ahora, echemos un vistazo a lo que debes considerar al trabajar con Google tag manager y ¿cuáles son algunas de las mejores prácticas? Lo primero que debes considerar es que google tag manager es básicamente un basado en JavaScript. Esto significa que está limitado solo a la ventana de tu navegador. Por lo que puedes hacer cualquier cosa que JavaScript pueda hacer dentro de tu navegador, pero no puedes rastrear ni analizar ni impactar de otro modo nada fuera de él. Otra cosa es que si tus visitantes tienen JavaScript deshabilitado, el gestor de etiquetas de Google no tendrá toda su funcionalidad. Sólo se va a limitar a las etiquetas de imagen, que se iban a ver un poco más tarde. Esta es una de las limitaciones que hay que tener en cuenta. segundo, que en realidad no es una limitación, sino más bien una restricción de tu parte es cómo puedes exponer datos al gestor de etiquetas de Google . No sabrá de todos tus datos en tu sitio solo sabrá de los datos que proporcionaste. Por ejemplo, si usas un plugin en WordPress, entonces simplemente puedes marcar algunas casillas de verificación y obtendrás esos datos adicionales automáticamente empujados a la capa de datos y serán accesibles en Google tag manager. De lo contrario, tendrás que pedirle a un desarrollador que exponga algunos de tus datos que no están disponibles en frontend de tu sitio Web. Lo siguiente que debes considerar es cómo impactarán tu gestor de etiquetas de Google y tus etiquetas en la velocidad de tu sitio Web. A pesar de que el gestor de etiquetas de Google se está cargando asincrónicamente, aún impacta la velocidad del procesamiento de su sitio Web. No va a impactar mucho el renderizado, así que qué tan rápido se renderiza tu página, pero va a consumir tu CPU sin embargo. Y además, hay que considerar si tienes montones y montones de etiquetas. Esto ralentizaría significativamente su sitio Web, y sobre todo si va a hacer algún tipo de manipulaciones de HTML. Entonces esto podría ralentizar aún más toda la página. Entonces si tienes oportunidad de limitar ese tipo de etiquetas, por favor hazlo. Y además, puedes retrasar algunas de las etiquetas no importantes para disparar un poco más tarde. De esta manera, tu página parecerá cargarse más rápido. El último punto que quiero hacer un gestor de etiquetas de google es solo una herramienta. Dependiendo de cómo lo uses y lo que sepas al respecto, va a ser, de nuevo, un factor limitante. Entonces si conoces HTML, si conoces JavaScript, si sabes depurar problemas, entonces por supuesto estarás usando Google tag manager a todo su potencial. Dicho eso, en este curso, nos vamos a centrar en etiquetas y ejemplos donde no se necesita ese conocimiento. Pero si tienes ese conocimiento, vas a poder hacer mucho, mucho más. OK. Así que vamos a echar un vistazo a algunas buenas prácticas al usar Google tag manager. Volviendo a la velocidad si tienes algunas etiquetas o disparadores sin usar, por favor quítalas del gestor de etiquetas de Google. Cualquier cosa que no uses y sigue cargando va a ralentizar tu sitio Web. Entonces si tienes algunas herramientas de seguimiento que estabas probando, y ya no te las quitas. Lo mismo pasa si tienes algunos datos de seguimiento que estás recopilando, pero rara vez lo revisas y no es tan importante. Sólo tienes que quitarlo. Esto va a impactar significativamente la velocidad de carga. Entonces lo siguiente es el control de versiones. Cuando estés haciendo nuevas versiones de tus contenedores intenta describirlas con más detalle. Tienes dos campos. Uno es el título y el otro es la descripción. Trata de dejarlos lo más claros posible para que cuando estés buscando a través de tus versiones y si quieres restaurar una versión anterior, inmediatamente sabrás qué versión hace qué o qué elementos, etiquetas, desencadenantes estaban presentes en un cierta versión. O qué cambios se hicieron en esa versión para que puedas decidir si esta es la versión adecuada para ti. También, considere hacer versiones en incrementos. no esperes hasta que tengas como 10 etiquetas diferentes, 5 variables diferentes, 8 disparadores diferentes todos configurados Y luego solo haz una enorme versión fuera de ella. Intenta segmentarlos por conjuntos lógicos. De esta forma cuando estarás volviendo a una versión determinada, no perderás todas las actualizaciones de las otras versiones. El siguiente es más bien una buena práctica general cada vez que haces cosas. Es gestión de usuarios. Cuando tengas varios usuarios trabajando en tu contenedor, en tus cuentas, por favor dale a cada usuario su propio acceso. No solo compartas tu cuenta con ellos. No compartas tu contraseña con ellos. Esto es realmente malo desde el punto de vista de la seguridad pero también, si le das acceso a cada usuario de forma individual, podrás ver quién hizo cambios el contenedor. Quién hizo etiquetas específicas, desencadenantes, que publicaron algo. Por lo que tendrás una visión general de lo que está pasando dentro de tu contenedor. Y no es tan complicado crear usuarios así que básicamente no hay razón para que no hagas eso. El último que es un poco importante es: hacer un plan. No te limites a saltar al gestor de etiquetas de Google y empezar a dar clic. Si estás probando, eso está bien. Pero si quieres usarlo para un propósito específico, haz un plan. Haz una estrategia cómo quieres acercarte a ella. ¿ Qué cosas necesitas realmente? ¿ A qué quieres rastrear? ¿ Qué quieres construir y marcarlo todo en un documento? Probablemente estés haciendo esto fuera de Google tag manager de todos modos. Así que intenta tener un plan antes de saltar y empezar a trabajar en tus etiquetas. 5. Nombres de conventions: Echemos un vistazo a algunas de las convenciones de nomenclatura ahora. Ya hablamos de los nombres de las cuentas, que en su mayor parte deberían ser el nombre de su empresa. O si estás haciendo esto por tus clientes solo crea una nueva cuenta para ellos con el nombre de su empresa. Si estás trabajando con varios clientes, entonces usa una cuenta diferente para cada cliente porque todos los usuarios dentro de la misma cuenta pueden ver a otros usuarios y así podrían ver con quién estás trabajando. Entonces te sugiero que solo hagas diferentes cuentas para diferentes clientes. En cuanto a los contenedores, solo usa tu sitio Web si lo estás publicando en el nombre de la Web o de la aplicación, si lo estás usando en la app. También puede separarlo por sus entornos que pueda tener múltiples contenedores diferentes para cada entorno como entorno de desarrollo, entorno escena, entorno de prueba y así sucesivamente. Pero Google tag manager te da una mejor opción dentro de un contenedor para manejar esto. Por lo que sugeriría simplemente usar un contenedor para todos los entornos que va a ser mucho más fácil de manejar. El siguiente punto que quiero hacer es cómo nombrar etiquetas, desencadenantes y variables. Empecemos con las etiquetas. El mejor modo de nombrar las etiquetas, en mi opinión personal, es comenzar con el producto luego pasar al tipo de seguimiento y al final a qué página afecta. Entonces, por ejemplo, aquí en la presentación, se puede ver que tenemos, Facebook. Entonces este es el producto. Se trata del píxel. Por lo que este es el tipo de seguimiento y que los efectos se suman a la tarjeta. Entonces lo mismo vale para Google Analytics. Y luego son los eventos. Y lo que está pasando... Suscribirse. Y de nuevo, Google Analytics simplemente activando una vista de página. Puedes abreviar todos estos productos o simplemente escribirlos en su totalidad. Te sugeriría que escojas algo que funcione para ti y te pegues con él. No te limites a cambiarlo. Si decides abreviar todo entonces abreviarlo si decides ir con el nombre completo, hazlo de esta manera. Si quieres capitalizar todo o minúscula todo ese título caso como lo tengo aquí sólo quédate con eso. Te sugiero un title case tags y disparadores y te explicaré por qué no hago eso con variables un poco más tarde. Entonces vamos a revisar los desencadenantes. Para los desencadenantes te sugeriría usar el formato donde dijiste el evento como primera parte y luego más detalles después de él. . Por ejemplo, puedes tener como un evento y luego una ubicación o tal vez tiempo o tal vez algún tipo de filtro o acción. Y se puede ver aquí en los ejemplos. Se trata de un disparador de temporizador después de 30 segundos. Entonces explica lo que hace este gatillo cuando estás haciendo esto. Lo mismo va para las etiquetas. Si lo prefijas de la misma manera cuando Google tag manager lo ordena tendrás todos los temporizadores en el mismo lugar y es más fácil encontrarlos cuando los estás buscando. Google tag manager te permite ordenar por tipo de gatillo o tipo de etiqueta pero de esta manera se va a ordenar automáticamente. Entonces vamos a las variables ahora, uso minúsculas en variables porque Google tag manager title cases, todas las etiquetas, disparadores y variables y quiero poder distinguir entre las variables incorporadas y mis variables creadas. Conforme estructuré las variables de esta manera que establecí el tipo de la variable y luego lo que contiene. Entonces, por ejemplo, esto es como una variable DIV que contiene ID de usuario y luego puedes tener como una variable URL que contiene parámetros de consulta. Y si quieres especificar específicamente qué parámetro de consulta, te sugiero que agregues al final tipo de como lo que está sosteniendo como un ID de afiliado o tal vez un correo electrónico. Si estás pasando un correo electrónico o algo así, o por ejemplo, puedes tener como una cookie para referir. Por lo que el último punto son las carpetas en Google Analytics. Y básicamente, dentro de las carpetas, puedes agrupar etiquetas, disparadores y variables juntos. Y esto te ayudará a combinar y ordenar y tener una mejor visión general de lo que estás haciendo. Lo que debes saber es que las etiquetas, variables y desencadenantes solo pueden estar en una carpeta. Dado que las variables pueden estar presentes en múltiples desencadenantes y en múltiples etiquetas, realmente tienes que pensar cómo quieres configurar estas carpetas. Y depende plenamente de ti. Te puedo dar sólo algunas de las sugerencias. Como ya los ves aquí puedes agruparlos por tipo de etiqueta. Entonces, por ejemplo, todo lo que está conectado a Google, Google Analytics o algún todo lo que está conectado a Facebook o algún otro producto. Puedes agruparlos por grupos funcionales, algo así como todo lo relacionado con el checkout o todo lo que esté relacionado con el seguimiento de tu afiliado. O simplemente puedes crear carpetas por miembros del equipo para que puedas ver quién creó qué etiquetas, qué variables y desencadenantes. Está bien. Eso es todo por las mejores prácticas y consideraciones. Y nos vemos en el siguiente apartado. 6. Useful de Chrome para trabajar con Google Tag Manager: De lo primero de lo que quiero hablar son algunos de los plugins esenciales para Google Chrome, que uso siempre que estoy trabajando con Google Tag Manager. . Hice este archivo con todos los enlaces y descripciones breves, y lo puedes encontrar bajo los recursos. No necesitas instalar todos estos plugins, pero te sugiero que instales los que usaremos a lo largo del curso. Por supuesto, hay muchos más plugins por ahí que puedes usar los cuales tienen funcionalidades avanzadas al trabajar con Google Tag Manager. Pero no vamos a entrar en esos plugins aquí ya que no los estamos usando durante el curso. Por lo que el primer plugin que revisaremos es el asistente de etiquetas de Google. Y lo que hace este plugin, te ayuda a rastrear toda la actividad de diferentes productos de Google como Google tag manager, pero también de Google Analytics, anuncios de Google. Te va a mostrar cuál de estos píxeles se dispararon realmente, cuáles están funcionando, cuáles no son qué eventos se activaron. Y de esta manera, realmente puedes entrar en todos los detalles de lo que está pasando y ver si todo está funcionando como debería. Como puedes ver aquí en esta captura de pantalla, si este ícono se va a poner verde, entonces todo está funcionando como debería. Si es azul, que no está marcado aquí, entonces básicamente hay una especie de implementación como, que no se espera, pero debería estar funcionando OK. Si es amarillo o rojo entonces hay algunos problemas con la implementación de este píxel. y debes echarle un vistazo. Una de las mejores cosas de este plugin es, déjame hacer click en el mío, es el botón de grabación. El botón de grabación permite grabar toda la sesión todas las etiquetas y todos los scripts que cargaron. Y puedes revisar los registros más adelante y ver si todo funcionaba como debería. Este es uno de los cuatro plugins que comprobaremos cuáles verifican los pixeles sociales y publicitarios. El siguiente es el pixel de Facebook y tiene una especie de funcionalidad similar a la de Google tag assistant. Te va a dar más detalles sobre disparadores, para el Facebook. Entonces si el píxel se carga correctamente, si se activaron los eventos, qué eventos se activaron y así sucesivamente. Por lo que más detalles para que puedas depurar el lado de Facebook de las cosas más fácil. Como puedes ver antes de continuar, tengo la mayoría de estos plugins instalados aquí y los vamos a usar a lo largo del curso y verás exactamente cómo funcionan. Por lo que no necesitas molestarte en este momento qué hace exactamente cada uno de estos plugins solo puedes instalarlos a medida que vamos. Entonces el siguiente es Twitter. Nuevamente, éste comprueba la implementación del pixel de Twitter. Te va a dar algunos detalles más sobre eventos de despido y todo lo relacionado con Twitter. Entonces si vas a usar Twitter, puedes usarlo para comprobar si todo funciona. Y el último de esta sección es para Bing. Entonces si estás haciendo alguna publicidad de Bing, entonces, claro, quieres tener este pixel, Lo sentimos, quieres tener este plugin, habilitado por lo que te será más fácil depurar. La siguiente herramienta es el explorador de etiquetas. Y básicamente lo que esto hace es una especie de mostrarte todos esos píxeles y todos esos scripts que se ejecutan en tu sitio Web en una sola interfaz. lo que puedes ver fácilmente, por ejemplo, aquí, como puedes ver en la captura de pantalla que tu píxel de Facebook se está ejecutando, que tu Universal Analytics se está ejecutando, así como Google tag manager. Pero no te va a dar más detalles sobre qué eventos se activan, qué datos se pasan a través de ese servicio. Por lo que es una especie de plugin genial para Visión general rápida de los scripts que se están ejecutando actualmente, pero no te va a dar más detalles en algunos casos. También puedes desactivar esos píxeles para que no te estén rastreando. Por ejemplo, si desea navegar por otros sitios Web. El siguiente plugin que vamos a comprobar es la depuración de GTM/GA . Y lo que hace este plugin, te permite obtener más detalles sobre Google Tag Manager y también Google Analytics en una interfaz genial. Y como puedes ver aquí, puedes tener como diferente. Se puede comprobar qué eventos se dispararon, qué valores conservan las variables y qué datos se empujaron a la capa de datos , etcétera. Entonces vamos a meternos en estas cosas un poco más tarde en el curso. Entonces sabes exactamente de lo que estoy hablando. Pero solo confía en mí por ahora esta es una gran herramienta para propósitos de depuración. El siguiente es GTM Copy Paste, que es una herramienta realmente útil si administras o tienes varias cuentas de Google tag manager. Ya que permite simplemente copiar pegar etiquetas o desencadenadores y variables de una cuenta a otra. Ya que Google tag manager no tiene esta funcionalidad de forma nativa en su sistema. va a ahorrar un montón de tiempo si quieres copiar ciertas etiquetas de una cuenta a otra. Por lo que esto es realmente útil si estás trabajando con múltiples acount. Y el último es Adswerve, no estoy seguro exactamente cómo pronunciarlo, lo cual también es genial, con un montón de características avanzadas como inyectar código de administrador de etiquetas de Google en sitios aleatorios. Se puede inyectar en su propio sitio sin implementarlo realmente, de lo que hablaremos un poco más tarde. Se puede monitorear la capa de datos en tiempo real, se pueden ver algunos hits de Google Analytics y así sucesivamente. Entonces este es un plugin realmente genial con muchas funcionalidades que puedes usar más adelante cuando te vuelvas un poco más avanzado. Por lo que este es un resumen rápido de los plugins. Como dije al principio no necesitas instalarlos todos. Puedes instalarlos uno por uno a medida que avanzamos ya que verás cuáles son realmente útiles para ti y cuáles no. Por el momento yo al menos te sugeriría instalar asistente de etiquetas porque en la siguiente sección se estará implementando Google Tag Manager, y esta será una de las formas más fáciles de comprobar si todo está funcionando correctamente. 7. Crea una cuenta de Google Tag Manager: Así que echemos un vistazo ahora cómo puedes acceder a Google Tag Manager y crear tu primera cuenta. Básicamente puedes simplemente escribir tagmanager.google.com o simplemente Google “Tag Manager”. Y probablemente el primer hit va a ser el correcto. Por lo que antes de poder acceder a ella, hay que tener una cuenta de Google. Si no lo tienes, tienes que crear uno. Si ya tienes una cuenta de Google, solo podrías iniciar sesión con tu cuenta existente. Y esto es algo que voy a hacer ahora mismo. Y puedes acceder a ella, como verás en tan solo un segundo. Ya tengo algunas cuentas creadas aquí. Si esta es la primera vez que lo haces, va a ser similar como solo hacer clic aquí en crear cuenta. Si ya tienes cuentas y quieres crear una nueva solo tienes que dar click aquí. Por lo que esta es la pantalla que verás por primera vez cuando crees una nueva cuenta. Lo primero que debes hacer es hacer una configuración de contenedor de cuenta para el nombre de la cuenta. Lo mejor es usar el nombre de tu empresa o si estás haciendo esto para que tu cliente use el nombre de su empresa. Entonces por ahora, solo usaré “Curso GTM”. Después podrás seleccionar tu país. Simplemente lo dejaré como Estados Unidos. Entonces tienes que configurar tu contenedor. Un contenedor es básicamente una colección de todas tus etiquetas y scripts, que veremos en solo un momento para una plataforma en particular. Entonces, al igual que tu sitio Web, si tienes múltiples sitios Web, puedes tener múltiples contenedores, cada uno diferente para un sitio Web específico o para aplicaciones móviles como para iOS o un Android, o incluso si usas páginas de Google AMP, puedes usar eso también. La mejor práctica para nombrar un contenedor es usar el nombre del sitio Web o la aplicación móvil que estás usando. Entonces para nuestro propósito solo teclearé “gtm.outtale.com”. Y seleccionaré, el sitio Web ya que estaremos probando estos en nuestra tienda del sitio Web. Entonces hay que aceptar algunos términos de servicios. Tienes que aceptarlos y después de eso, tu cuenta está toda configurada. El primero que verás cuando esto suceda son las instrucciones sobre cómo configurar todo en tu sitio Web. Esto probablemente va a ser lo último que necesitarás para pedirle a tu desarrollador que haga. Para insertar este código en su sitio Web. También veremos cómo puedes insertar estos códigos en tu sitio Web por ti mismo. Por ahora, básicamente puedes copiarlo y enviarlo a un desarrollador si por alguna razón no ves esta pantalla de Google Tag Manager la primera vez que inicias sesión. O si ya creaste una cuenta y olvidaste dónde encontrar este código es fácilmente accesible a través de Google Tag manager ID. Básicamente haces clic en él y volverás a esta pantalla. Si tienes alguna pregunta sobre cómo implementar este Google también proporciona una guía de inicio rápido con alguna información adicional. Ahora veamos cómo puedes insertar estos códigos en tu sitio Web. 8. La descripción de 5 métodos de instalación: Ahora, veamos cómo podemos instalar el código de Google tag manager para el contenedor que obtuvimos en la lección anterior . Vamos a ver cinco formas diferentes y cómo podemos poner esto en nuestra tienda o en nuestra página web. El primero será la instalación manual. Esto será un poco más técnico pero si tienes sitio web personalizado, esto te ayudará a superar esto. A continuación, revisaremos WordPress, Shopify y Squarespace, que son todas plataformas. Y por último, echaremos un vistazo al inyector de tag manager a través de Adswerve, que te permitirá inyectar inyectar Google tag manager código de contenedor de Google tag manageren cualquier sitio web. No es hackear es básicamente solo hacer esto en tu propio navegador con fines de prueba. Puedes saltar a la sección que te interesa o puedes escuchar toda la conferencia y aprender a implementar estos códigos en cualquiera de estas plataformas. Entonces comencemos primero con la instalación manual. 9. Instalación manual de Google Tag Manager en tu sitio web: He configurado sitios de demostración para este propósito. Y como puedes ver actualmente, si facturamos asistente de etiquetas de Google, podemos ver que no hay etiquetas ejecutándose en este sitio Web. Para instalar el contenedor Google tag manager en su sitio Web es necesario tener un acceso a los archivos de su sitio Web. Puedes hacerlo a través de un FTP o a través de tu proveedor de hosting. Normalmente te dan algún tipo de gestor de archivos para gestionar todos estos archivos. Entonces hay que encontrar el archivo correcto para poner este código. Por lo general, si esto es como un sitio Web construido a medida, va a haber un archivo “index.something”, que suele ser el primero encontrado que carga y contiene el encabezado y el pie de página de la página. Con algunas plataformas es un poco diferente por lo que tendrás que comprobar eso. Y si usan una especie de temas como, podría ser diferente otra vez. Pero el propósito es encontrar el archivo que contiene el encabezado y el inicio del cuerpo, que en breve verá a qué me refiero. OK. Entonces abramos este archivo y verás un montón de código aquí y por ahora, solo lo vamos a dejar. Entonces si volvemos al gestor de etiquetas de Google. Dice que necesitamos pegar la primera parte de los códigos en la sección principal de la página lo más alto posible. Voy a volver a mi expediente y veo que esta es la sección de cabeza que se extiende de aquí a alrededor de aquí. Voy a poner este código de Google tag manager justo debajo de la parte del título por ahora y después voy a ir a la segunda parte, que dice que tenemos que ponerlo justo debajo de la etiqueta de apertura del cuerpo. Tenemos que volver a nuestro expediente. Y como hay mucho mismo texto, puedes encontrar la etiqueta body con bastante facilidad solo buscando dentro de tu navegador, escribiendo “body”. Y ya ves, ya lo encontramos aquí. Y sólo voy a poner este guión justo debajo de la etiqueta de apertura. Yo lo voy a guardar. Y esperemos. Volvamos a nuestro sitio de demostración por ahora. No pasa nada. Por lo que necesitamos refrescar la página. Esperaremos un poco. Como ves, el gestor de etiquetas de Google lo ha cargado dice 1 aquí, es amarillo, sin embargo. Como dije antes, hay un problema con eso. Vamos a ver cuál es el problema. Y dice que esto podría deberse a contenedor vacío o inédito. Ya que no tenemos nada en el contenedor todavía y no lo hemos publicado aún esto está bien por ahora. Para nuestro propósito ya sabemos que la etiqueta está disparando y debería estar funcionando. Por supuesto, puedes comprobarlo también con Tag Explorer y verás a Google Tag Manager funcionando ahora. Pero si no has instalado estos plugins puedes comprobarlo comprobando también el código fuente de la página. En la mayoría de los navegadores hace clic con el botón derecho en el fondo del sitio Web y hace clic en “ver fuente de la página”. Nuevamente, se va a abrir todo este código, como ya has visto antes en el gestor de archivos. Y luego puedes simplemente navegar a través de él y ver que se ha agregado el código de Google tag manager. Y esto está bajo la etiqueta de título. Y el otro está justo debajo del cuerpo ahí. Entonces todo está bien. Y puedes empezar a trabajar en tus etiquetas y guiones. 10. Configuración de Wordpress de Google Tag Manager: Ahora, echemos un vistazo cómo implementaríamos el mismo código en WordPress. Para ello creé tienda WordPress en el mismo sitio. Entonces solo voy a comprobarlo. Como puedes ver, funciona y no está disparando ninguna etiqueta por ahora. Entonces vamos a nuestro WordPress. Simplemente puedes escribir “wp-admin”. Hay dos formas en que puedes hacer esto en WordPress. El primero es, de nuevo, la instalación manual, que sólo voy a atravesar porque este no es el punto aquí mismo. Pero puedes hacer esto bajo la apariencia y bajo el editor de temas donde básicamente tendrás el mismo acceso a archivos Theme que tenías previo en la sección de proveedores de hosting. El archivo de encabezado del tema es el correcto, pero va a depender de tu tema si tienes como un equipo infantil o lo que sea. Pero para mi una configuración de vainilla, se puede ver tengo aquí la sección de cabeza y la sección de cuerpo y podría simplemente copiar pegar el código aquí mismo y guardarlo. Pero lo que vamos a hacer, vamos a usar un plugin. Entonces vamos a añadir un nuevo plugin para instalar Google tag manager. Y lo que verás es que hay muchos plugins de google tag manager, pero el que uso y te sugeriría que uses también, es el gestor de Google para WordPress de Thomas Geiger. Y verás en un rato que te da tantas opciones sin la necesidad de un desarrollador y simplemente funciona muy bien. Entonces vamos a instalarlo. Y activarlo. Está bien. Y vayamos a la configuración. Entonces lo primero que verás, hay tantos pasos que pasarán pero por ahora, necesitamos obtener primero un ID de administrador de etiquetas de Google. Si volvemos a nuestro gestor de etiquetas de Google, verás que este es tu ID. Puedes copiar pegarlo desde aquí. O puedes copiar pegarlo desde aquí. Así que acabo de hacer eso y volveré y lo pegaré. Tan solo asegúrate cuando pegues cosas que no tengas espacios especiales al principio o al final. Y yo tenía uno así que sólo la voy a quitar. Y luego tengo que seleccionar una colocación de código de contenedor. El “pie de página de la página”, que no es recomendado por Google, básicamente significa que la segunda parte del código, que está destinada a todos los navegadores que por alguna razón tienen JavaScript deshabilitado, se pondrá casi al final de la página. Esto no es recomendable porque muchos guiones y etiquetas que dispararán podrían no disparar correctamente o se dispararán correctamente, pero no a tiempo. Entonces vamos a usar la “inyección sin código” que podría romper tu Frontend. Esta es la advertencia. Si esto sucede, entonces usa el “pie de página de la página”. O si tienes la posibilidad de preguntarle a tu desarrollador o si quieres hacerlo tú mismo, puedes usar esa costumbre, pero entonces tendrás que poner estos códigos debajo de la etiqueta body como vimos antes en el editor de temas. De acuerdo, así que vamos a guardar los cambios por ahora y comprobar si todo funciona en el frontend. Volvamos a nuestra tienda. Y vamos a refrescar la página. Como ves, el gestor de etiquetas de Google despidió. Todavía no publicamos el contenedor o no pusimos nada dentro, así que sigue siendo amarillo. Pero como podemos ver, por ahora, funciona. Posteriormente, comprobaremos qué hacen todas estas pestañas. Pero yo sólo quiero ir rápido sobre ellos. Básicamente, lo que permite agregar algunas opciones especiales en la capa de datos sin programar nada. Por lo que solo puedes marcar o desmarcar estas casillas. Y sobre todo lo útil está en la parte de integración para el sitio WooCommerce. Básicamente puedes agregar todos esos datos extra que se guardarán cuando ocurra la conversión solo marcando esas casillas de verificación. Entonces así es como puedes instalarlo en WordPress. 11. Configuración de Google Tag Manager: OK. Ahora vamos a comprobar cómo podemos integrar Google tag manager en nuestra tienda Shopify. Entonces primero, entra en tu administrador de Shopify. Pero antes de empezar eso, solo te voy a mostrar mi tienda Shopify y comprobaremos si Google tag manager ya está instalado. Como no ves ningún gestor de etiquetas de Google todavía. Y esta es simplemente tienda realmente básica. Shopify tiene algunas buenas instrucciones sobre cómo instalar Google tag manager en su centro de ayuda pero como ves, principalmente se enfoca en tiendas online Shopify plus. No tengo tienda online plus. Yo solo tengo una tienda básica. Pero usaremos algunas de sus instrucciones para establecer una parte del guión. Entonces como dice aquí, necesitamos copiar los fragmentos de código de Google tag manager en dos archivos, “theme.liquid” y “checkout.liquid” y podemos copiar la primera parte en el archivo líquido yendo a los temas de la tienda online, seleccionando nuestro tema, pasando por acciones y en la sección de código de edición. Esta primera parte es realmente similar a la instalación manual y la instalación manual de WordPress que hablamos antes. Entonces podemos ver aquí tenemos la sección de cabeza y si nos desplazamos un poco hacia abajo, tenemos la sección de cuerpo. Pero según sus instrucciones si sólo lo ponemos en el archivo líquido, no se va a mostrar en todas partes. No va a ser visible en el proceso de checkout. Para eso, necesitamos ponerlo en el “checkout.liquid” también. Pero como mencioné, como estoy en un plan básico, no tengo este, archivo líquido en ninguna parte de aquí. No hay ningún archivo “checkout.liquid” para que yo modifique. Por lo que lo haremos un poco diferente y nos aseguraremos de que nuestro gestor de etiquetas de Google también esté instalado en la página de pago. Lo primero que tenemos que hacer es copiar la segunda parte del código de Google tag manager y lo vamos a poner justo debajo de la etiqueta body. No vamos a poner la primera parte en la sección de cabeza ya que lo vamos a hacer un poco diferente. Esto significa que en la parte de tienda de la tienda, las personas con JavaScript discapacitado podrán cargar Google tag manager. Pero en la página de pago, desafortunadamente, este no será el caso. Pero para la mayoría de las demás personas que tienen JavaScript habilitado este proceso va a funcionar muy bien. Entonces vamos a guardar este archivo. Y luego necesitas ir por debajo de las preferencias. Y necesitamos encontrar la sección de análisis de Google. Aquí dice, necesitamos pegar Google analytics. Y hace apenas unos meses, básicamente podías pegar la primera parte del código de Google tag manager aquí, y funcionaría bien. Pero ahora lo actualizaron un poco y ya no se puede hacer esto. Entonces lo que tenemos que hacer es que tengas que entrar en tus cuentas de Google Analytics y copiar pegar tu código de ID de seguimiento . No voy a entrar en detalles cómo hacerlo en este momento. Deberías poder averiguarlo. Si aún no tienes Google Analytics, aún quieres instalar Google tag manager en tu tienda Shopify . Simplemente puedes fingir básicamente este número ingresando UA-algún número aleatorio-1. . Sólo asegúrate de que haya nueve dígitos y que haya “1" al final también. Entonces lo que haremos ahora es guardar esto y verás que esto se convierte en nuestro código de cuenta de Google Analytics . Y Google Analytics ahora está integrado en la tienda Shopify. Y debajo de esto, puedes ver podemos agregar algún JavaScript personalizado a Google Analytics. Y eso es lo que haremos. Usaremos este campo para insertar nuestro código de gestor de etiquetas de Google. Entonces vamos a pegar todo el código aquí. Pero ahora tendremos que quitar algunas partes. Tenemos que quitar este comentario de Google tag manager y también, necesitamos eliminar esta parte de script. Tenga cuidado de no quitar el punto y coma al final. Tenemos que hacer lo mismo al principio. Eliminar la parte del script y el gestor de etiquetas de Google comentan de nuevo. Tenga cuidado de no quitar los corchetes. Al hacerlo, podemos hacer click, guardar y todo funciona. Ahora volvamos a nuestra tienda y la refresquemos. Como ves de nuevo Google tag manager ha cargado así como Google Analytics, que insertamos allí también. Para asegurarnos de que este gestor de etiquetas de Google también se ejecute en la página de pago vamos a nuestro producto de demostración. Añádalo al carrito. Y como ves, el código de Google tag manager sigue activo. Ahora vamos a la página de pago. Y nuevamente el gestor de etiquetas de Google, así como el código de Google Analytics están presentes el gestor de etiquetas de Google, así como el código de Google Analytics. Esto básicamente significa que hemos configurado Google tag manager en Shopify correctamente y podemos pasar a Squarespace. 12. Configuración de Squarespace de Google Tag Manager: Configurarlo en Squarespace es bastante sencillo. Pero aun así quería mostrarte para que lo puedas instalar si utilizas Squarespace. En primer lugar, abramos nuestro sitio Web. Como puede ver, tenemos aquí nuestro sitio Web. Y en realidad hay algunas etiquetas ya en ejecución. Ahí está Footlight y Google tag manager. Pero este no es nuestro gestor de etiquetas de Google. Creo que esto es de Squarespace. Entonces, por ahora, sólo lo vamos a ignorar. Entonces tienes que ir debajo de la pestaña de configuración. Y bajo la sección avanzada y verás la sección de inyección de código. Esto básicamente inyecta el código en el lugar adecuado. Y ya tenemos nuestra sección de cabecera y solo entraremos en Google tag manager y copiaremos estas partes. Y lo pondremos en esta sección. No tengo registrado Squarespace, así que estoy viendo esta notificación. Probablemente no lo veas. Si tienes una versión de pago de Squarespace solo puedes ignorarla. La otra parte del gestor de etiquetas de Google, tenemos que ponerlo en la etiqueta de cuerpo, pero no tienes esa opción aquí en Squarespace. Entonces tenemos que ponerlo en la sección de pie de página. Como ya he mencionado antes en la parte Shopify Esta no es la mejor opción, pero como no tenemos otra opción en este momento, esto tendrá que ver. Entonces vamos a guardarlo. Tan pronto como lo guardamos ya ves que se añadieron nuestras etiquetas. Y si revisas, puedes ver que WBF-V6SZ es exactamente nuestra etiqueta. Por lo que lo hemos instalado con éxito en tu tienda Squarespace. 13. Infundir un Container GTM a cualquier sitio web: Lo último que quiero mostrarte es cómo instalar Google tag manager a través de un plugin. Entonces volvamos a nuestro caso de un solo buscapersonas. Y ya he quitado el código de Google tag manager. Entonces ya ves que no se está ejecutando. Y lo voy a inyectar ahora en el lado del navegador. Esto básicamente significa que el script se cargará solo dentro de mi navegador. Y puedes hacer esto para cualquier página con tu contenedor, pero va a estar contenido solo dentro de tu navegador. No estás hackeando ningún sitio y no va a ser permanente. Entonces para esto, vamos a usar el plugin Adswerve. Todavía no puedo pronunciar. Es y vamos a conseguir ir aquí bajo las opciones de avance bajo la funcionalidad add y haremos clic en el contenedor de inserción GTM. Y aquí Dice que necesitamos la parte después del GTM Dash. Entonces básicamente sólo los números. Y entraré a mi gestor de etiquetas de Google. En realidad, no son los números, pero voy a seleccionar esta parte y voy a volver. Agregar funcionalidad en contenedor GTM. Y lo voy a pegar aquí otra vez. Asegúrate de que no haya espacios en blanco delante o detrás de este código si acaso los copias accidentalmente. También vamos a igualar al anfitrión. Entonces. Y vamos a guardar y recargar la página. En cuanto esto sucede, se puede ver que nuestro gestor de etiquetas de Google se ha cargado o básicamente se ha inyectado en este sitio Web. Y puedes probar las funcionalidades sin impactar a tus visitantes. Estas son todas las diferentes formas en que puedes instalar Google tag manager. Hay muchas más plataformas que probablemente puedas usar la mayoría de ellas usan algún tipo de plugins donde puedes hacerlo manualmente como lo hemos mostrado anteriormente. Y ahora pasemos a la siguiente lección. 15. Configuración de redibujo de Google Ads: OK. Por lo que en la lección anterior, configuramos algunos análisis básicos que debes tener en tu sitio Web. En esta lección, hablaremos un poco más sobre configurar el remarketing para los anuncios de Google. Entonces básicamente el remarketing es mostrar anuncios a personas que ya visitaron tu sitio Web o hicieron una acción específica en tu sitio Web y quieres llegar solo a esas personas. Nuevamente, a través de la publicidad, el remarketing es realmente útil porque estás apuntando a clientes potenciales ya calentados que aún no se convirtieron en tu sitio Web y quieres convencerlos la segunda vez para que hagan esa conversión. Por lo que para esta lección, echaremos un vistazo a cómo se puede lograr esto con la ayuda de Google ads y Google tag manager por supuesto. En la lección anterior, hicimos clic en las etiquetas y creamos una nueva etiqueta. Pero como puedes ver en el resumen del espacio de trabajo, solo tienes que hacer clic aquí también y crear una nueva etiqueta de esta manera. Obtenemos una ventana familiar y vamos a configurar nuestra etiqueta. Google ya predijo esto para nosotros por lo que solo podemos hacer clic en Google ads remarketing tipo de etiqueta. De esta manera vemos de inmediato lo que necesitamos ingresar. El primero que necesitamos obtener es nuestro ID de conversión. Para esto tendremos que entrar a la cuenta de Google ads. Si aún no tienes la cuenta, tienes que crearla. Una vez que estés en la cuenta de Google ads, pasarás por debajo de herramientas y ajustes y debajo de la biblioteca compartida, verás un gestor de audiencias. Si ya lo has hecho en el pasado, probablemente lo tengas ya configurado. Pero como no lo he hecho antes, tendré que configurarlo ahora mismo. Entonces vamos a configurar una fuente de audiencia. Y tienes un montón de fuentes diferentes de donde puedes sacar estos datos. Y vamos a configurar la etiqueta de anuncios de Google. Vamos a seleccionar el tipo de remarketing. Y por ahora, sólo vamos a recolectar sitio Web general, datos de visita. Ahorremos y sigamos. Ahora, necesitamos seleccionar cómo vamos a instalar esto en nuestro sitio Web. Si estás usando Google tag Manager, que somos. Vamos a hacer clic en esto. Pero tienes un montón de otras opciones, además de enviarlo a tu desarrollador por correo electrónico o instalar la etiqueta tú mismo mediante el uso del código fuente. Así que vamos a hacer click en el gestor de etiquetas de Google y de inmediato nos proporcionan ID de conversión. Exactamente lo que hemos estado buscando. También tienes unas instrucciones detalladas sobre cómo instalar esto en Google tag manager si las necesitas . Por ahora, solo copiémoslo y volvamos a nuestro gestor de etiquetas de Google. Podríamos simplemente pegar este código aquí en el contenedor y básicamente estaríamos hechos. Pero como vamos a estar usando este ID de conversión un poco más tarde para algunas otras cosas, voy a usar una variable. Nuevamente, podría pasar por las variables y crear una nueva variable o Google tag manager me da una especie de forma más fácil de hacer esto. Puedo hacer clic en este ladrillo, que básicamente significa agregar una variable y no tengo ninguna variable para ID de conversión creada todavía, así que puedo simplemente subir aquí y crear una nueva variable. Y lo voy a nombrar Google ads, ID de conversión. Voy a configurar esta variable, y para esto voy a usar una constante. Esto básicamente significa que voy a configurar un valor para esta variable y voy a pegar el ID de conversión que obtuve de Google ads aquí. Voy a salvarlo. Y por supuesto, tengo que quitar la versión anterior. Y esta es la variable que se pasará a esta etiqueta. Y puedo reutilizarla cuando lo necesite. También hay una etiqueta de conversión, que es opcional. Pero a menos que estés haciendo listas de remarketing basadas en etiquetas, probablemente no necesites esto. Esto básicamente significa que si estás disparando etiquetas específicamente y quieres hacer remarketing basado en esas etiquetas que dispararon, utilizarías esta etiqueta. Pero como solo estamos rastreando el tráfico general en qué páginas visitaron, sí necesitamos introducir esto. Ahora, vamos a configurar nuestro gatillo. Y de nuevo, queremos que se dispare en todas las páginas por lo que solo seleccionaremos todas las páginas activadas. Vamos a nombrar a esta etiqueta y ya terminamos. Y vamos a guardar esta etiqueta. ahora, podríamos crear una nueva versión y publicarla en nuestro sitio Web. Pero no voy a hacer eso de inmediato. Ya que vamos a ver cómo podemos comprobar si todo funciona antes de publicarlo en nuestro servidor en vivo. Lo haremos usando el botón de vista previa y lo comprobaremos en la siguiente lección. 16. Prueba y Debugging: Está bien. Echemos un vistazo ahora a cómo podemos previsualizar los cambios de contenedor y depurar algunos problemas sin impactar en tu sitio de vida. Y antes de que realmente envíe su versión a su servidor de producción de vida. Antes de empezar, quiero mencionar que esta es una versión actualizada de la lección original. Porque Google acaba de cambiar la interfaz de tag manager y algunas cosas son nuevas. Y quiero explicarlo en el nuevo tag manager porque no tienes opción de usar el viejo. Todas las lecciones de ahora en adelante, usa la versión antigua. Porque son realmente similares no deberías tener ningún problema navegando por el nuevo como aprendes sobre el viejo. Al final de esta lección también te mostraré cómo se veía el viejo. OK, vamos a hacer clic en el botón de vista previa y empezar. Antes de empezar a explicar la herramienta de depuración sólo señalaré algunas diferencias para todos ustedes que ya conocen el viejo modo de vista previa de tag manager La primera diferencia es que ahora se les muestra este pop up donde hay que introducir su sitio web que que deseas depurar. Ya probé esto con el mío, así que está precargado. También hay e incluye casilla de verificación de señal de depuración, que te sugiero que solo vivas comprobado a menos que estés constantemente teniendo algunos problemas de depuración. Entonces, empecemos. OK, lo segundo que es diferente, como puedes ver, es que ahora no tienes un depurador incrustado en tu sitio web. Esto se ve mucho más limpio y es mucho más fácil depurar páginas móviles donde el inmueble es más pequeño. Solo obtienes estas pequeñas notificaciones conectadas del depurador, que simplemente puedes ocultar. Y el depurador ahora está en una pestaña separada. Entonces si vamos aquí, verás que como que se ve igual al viejo. Aquí hay mucho más bienes raíces, así que es mucho más fácil ver qué está pasando. Tienes toda una historia de vistas de páginas antiguas. Por ejemplo, si actualizo esta página. Verás en tan solo un segundo que otro evento empezará a rastrear. Y antes de que tuvieras que abrir enlaces, nuevas pestañas solo para no perder estos datos, ahora lo tienes en una ventana separada . Entonces esto es mucho, mucho más fácil. Además, si abre varias pestañas o varias ventanas cuando está depurando. Cada uno de ellos obtendrá este letrero especial. Esta tiene una plaza amarilla y ésta tiene una tortuga montando un auto o algo similar. Entonces si volvemos a nuestro asistente de etiquetas, verás eso, en realidad es un casco. Verás que de inmediato puedes diferenciar los eventos que vienen de una pestaña u otra. Está bien. Por lo que estas son algunas de las diferencias y algunas funcionalidades extra como el seguimiento de múltiples pestañas. Ahora, pongámonos a ello y déjame explicar la interfaz con más detalle. Esto es algo así como tu historial de todos los eventos agrupados por diferentes ventanas o pestañas diferentes. Entonces esta es una ventana con todas las acciones que ocurrieron en esa ventana. Esta es otra ventana con todas las acciones ocurridas. Aquí del lado derecho, tienes más detalles sobre lo que está pasando. Por favor no te importa que haya múltiples etiquetas disparando porque estoy grabando esto después de haber creado múltiples etiquetas. Pero centrémonos en lo que está pasando aquí. Si hacemos click en Resumen, tenemos un resumen de todo lo que está pasando. También podemos hacer clic en un evento específico y ver despedido la etiqueta de remarketing de anuncios de Google. Y hay un montón de etiquetas que no dispararon también. Entonces si hacemos click en esta etiqueta, obtenemos más detalles al respecto. Obtenemos los detalles sobre la propia etiqueta y disparando disparadores. También puedes ver que todos los filtros están bien por eso esta etiqueta se disparó. Si nosotros, por ejemplo, damos clic en otra etiqueta. Veremos que no se disparó y tienes detalles de por qué esto no sucedió. Y estos son todos los parámetros establecidos para esta etiqueta específica. Por lo que debajo de la pestaña de etiquetas, obtienes todas las etiquetas que tienen y no han disparado. Por lo que la segunda pestaña son las variables que actualmente se establecen. Y se puede ver que tenemos el nombre de la variable, el tipo de variable, el tipo de retorno y el valor de la variable. Y por ejemplo, la URL. contiene una cadena para el gorro del producto. Porque este es el producto que realmente abrimos. Cuando estás configurando las variables, puedes comprobar si los valores dentro de ellas están correctamente configurados en esta pestaña. La tercera parte es la capa de datos. No voy a entrar en más detalles sobre la capa de datos porque es un poco más técnico Pero para que lo sepas, básicamente es un objeto JavaScript que contiene todos estos valores y eventos. Está bien. Entonces si volvemos a las etiquetas, veremos que en esta línea de tiempo de eventos, si pasamos de evento a evento que se despide a diferentes etiquetas. Se trata de un disparador que se dispara después de 30 segundos. Y se puede ver que un específico, etiqueta fue despedido y nada más. Está bien. Aquí hay un par de cosas que puedes hacer. El primero aquí, puedes ver tu ID de gestor de etiquetas de Google. Y esto es útil para que puedas comprobar si estás ejecutando el contenedor correcto. Si estás ejecutando múltiples contenedores, esto básicamente cambiará en un menú desplegable y podrás seleccionar cuál de los que quieres rastrear en el depurador. Antes de mostrarte la versión antigua de Google tag manager, solo quiero volver al evento cargado de contenedores Y quiero hablar de la etiqueta de remarketing de Google ads que vimos despedido. Y que así como revisamos el Beeny, sólo lo verificemos en el asistente de etiquetas también. Y podemos ver que se ha disparado con éxito. Una cosa más a tener en cuenta sobre la herramienta de depuración es que si has instalado tu plugin de asistente de etiquetas de Google esta opción de múltiples pestañas y múltiples contenedores realmente estará disponible para ti. si no lo tienes instalado para ejemplo, cuando lo estás depurando en Firefox o en cualquier otro navegador, entonces lamentablemente no podrás depurar múltiples pestañas al mismo tiempo solo una. OK, así que vamos a revisar la versión antigua y verás que se ve super similar y no deberías tener ningún problema para navegar alrededor de ella. Esta es una foto de una versión antigua que tomé. Como se puede ver, antes de que el depurador estuviera incrustado dentro del sitio web. Por lo que tenías menos bienes inmuebles con los que trabajar. Había, por supuesto, una barra de desplazamiento, pero aún así se interpuso en tu camino. Como ves del lado izquierdo, tenemos nuestros eventos, línea de tiempo tenemos etiquetas, variables, capa de datos como tenemos en la nueva versión. También está el ID de administrador de etiquetas de Google aquí. Y si haces click en un evento específico, verás todas las etiquetas que dispararon y todas las etiquetas que no lo han hecho. No hay mucha diferencia visual, así que deberías poder navegar solo OK. Ahora vamos a volver a nuestro tag manager donde crearemos nuestra primera versión y la publicaremos. 17. Configuración de Facebook Pixel: Echemos un vistazo ahora cómo instalar Facebook pixel con la ayuda de Google tag manager. Existen múltiples razones por las que querrías instalar píxel de Facebook. Por una vez si estás haciendo publicidad en Facebook, realmente deberías tenerla instalada porque te permitirá rastrear las conversiones. Podrás hacer remarketing y además, Facebook aprende del tráfico y de las personas que acuden a tu sitio Web. Y te daremos sugerencias sobre cómo puedes mejorar tus anuncios. Además, Facebook ha desarrollado una poderosa herramienta de análisis que rastrea el comportamiento de los usuarios, la demografía y todas las cosas que están relacionadas con sus usuarios. El cual puedes aprovechar para entender mejor a tu público objetivo. OK. Entonces, empecemos. Lo primero que notarás, sigo en el modo de vista previa y estaremos usando el modo de vista previa para comprobar y depurar todas las etiquetas a partir de ahora. Vamos a crear primero una etiqueta de Facebook. Vamos a la configuración de etiquetas. Y pronto verás que no hay ningún tipo de etiqueta de Facebook para elegir. Incluso podemos buscarlo y verás que no hay ningún tipo de etiqueta de Facebook. Bueno, entonces, ¿qué podemos hacer entonces? Comprobemos primero si Facebook tiene una solución para nosotros. Entonces vamos a ir a nuestro gerente de negocios de Facebook, y asumo que ya lo tienes configurado y lo sabes Así que vamos a ir a nuestro gerente de negocios de Facebook, y asumo que ya sabes usarlo como usarlo. Entonces vamos bajo el gerente de eventos. Y en el menú desplegable “agregar eventos” debajo del “desde un nuevo sitio web”, podrás encontrar diferentes formas de configurar tu píxel. Puedes usar una integración de partner. Y ya tienen muchos socios. Gestor de etiquetas de Google incluido. O puedes usar el código que vamos a revisar en tan solo un segundo. No sugeriría usar Google tag manager de esta manera porque Facebook requiere que te conectes a tu gestor de etiquetas de Google y ellos crearán una etiqueta para ti automáticamente y también publicarán tu contenedor. Ten en cuenta si estás eligiendo de esta manera que tengas guardadas todas las versiones de tu contenedor y no tengas ninguna etiqueta que pudiera estar aún en desarrollo. Pero también hay otra razón. Una vez que haces esto de esta manera, es una especie de caja negra que no sabrás qué está pasando. No tendrás muchas opciones para configurar tu píxel de diferentes maneras. Por eso revisaremos cómo configurarlo manualmente. Entonces vamos de nuevo a “agregar eventos” desde un nuevo sitio web e instalemos el código manualmente. Llegarás a esta página donde verás un fragmento de código de píxel de Facebook. También puedes continuar con este proceso y habilitar algunas atribuciones de coincidencia avanzadas. Y al final, también te permiten agregar un eventos personalizados. Del cual se hablará en una lección diferente. Pero por ahora, hemos copiado los códigos. Y volvamos al gestor de etiquetas de Google. En este momento, solo quisiera mencionar que si no encuentras tu servicio o producto que deseas importar en Google tag manager entre los tipos de etiquetas listados aquí, entonces solo puedes usar HTML personalizado e insertar el scrip de esta manera. Vamos a dar click en él y verás que se nos presenta solo con una forma enorme en la que podemos pegar este código de pixel de Facebook. De igual forma al código de gestor de etiquetas de Google El código de pixel de Facebook se ensambla de dos partes. El guión parte y ninguna parte de guión. Y de nuevo, la parte no script se usa para todos los navegadores que no permiten que JavaScript se ejecute. Si tan solo lo dejamos en este contenedor HTML personalizado, que será dirigido por JavaScript. La segunda parte no tendrá efecto. Por lo que básicamente podemos quitarlo o podemos instalarlo por separado con la ayuda de una etiqueta de imagen. Entonces vamos a hacer esto. Pero primero, tenemos que sacarlo de este código. Entonces, solo copiémoslo primero. Apenas esta parte y luego elimínala. O puedes cortarlo también. Y por ahora, sólo lo vamos a almacenar en algún lugar del bloc de notas. Terminemos de configurar primero este código de píxel de Facebook y volveremos a la etiqueta de imagen en tan solo un segundo. Solo quiero explicar en breve algunos de los detalles del código que estás viendo actualmente. Qué hace este código carga biblioteca de Facebook y desencadena un evento de vista de página. Se puede ver desencadenando los eventos a través de esta sección y todo lo que está arriba básicamente cargando la biblioteca e iniciándola. Podrías quitar estas partes de rastreo y ponerlas en una etiqueta separada para que tuvieras un mejor control de cuándo se activa este evento frente a cuándo se carga el script. Pero no voy a hacer esto. Yo, sin embargo, voy a entrar en la configuración avanzada y voy a establecer algunos parámetros más porque adelante en el curso, también estaremos activando algunos eventos especiales de Facebook. Queremos asegurarnos de que la biblioteca se cargue primero. Y cómo podemos lograr esto es configurando una prioridad de disparo de etiquetas. Una prioridad de disparo de etiquetas define básicamente en qué orden se dispararán las etiquetas. Aquí puedes introducir un número desde cero hacia arriba. Cero siendo la línea de base cuando todos los eventos se disparan. Por lo que tenemos que elegir un número mayor que cero. Por lo que para ello, usaré un número 100. Este número nos asegurará que este código será despedido antes de cada etiqueta con un número menor, que actualmente son todas las etiquetas. Entonces cuando vamos a configurar algunas otras etiquetas de Facebook lo único que tendremos que asegurarnos es que su número sea menor a 100. OK, activemos de nuevo esta etiqueta en todas las páginas, ya que queremos que nuestra vista de página de Facebook se active en todas las páginas. Sólo pongamos un nombre a esta etiqueta y guárdala. Ahora, agreguemos las partes sin guión del seguimiento de Facebook. Básicamente puedes saltarte esta parte y hacerlo si estás satisfecho con solo los navegadores de seguimiento con JavaScript habilitado. Yo solo quiero mostrarte cómo puedes hacerlo, si quieres tener análisis más detallados en Facebook también . Entonces para este propósito, necesitaremos una etiqueta de imagen personalizada luego necesitamos introducir la URL de la imagen. . Entonces básicamente lo que hace esta etiqueta es crear una pequeña imagen en tu sitio web, la cual se cargará sin importar si el JavaScript está habilitado o no. Y como Facebook nos dio parte sin guión, sólo necesitamos asegurarnos de que copiamos la URL de la imagen. Si no estás familiarizado con HTML en absoluto. Sólo recuerda que esta parte fuente entre las comillas es la imagen, y tenemos que copiar todo entre esas comillas. Y lo vamos a pegar aquí. Ahora necesitamos configurar un gatillo donde se vaya a disparar esta etiqueta. Como ya tenemos nuestro pixel de Facebook corriendo en todas las páginas no podemos volver a usar todas las páginas para esta etiqueta porque si lo hacemos, entonces todos los navegadores que tienen JavaScript habilitado estarán disparando dos píxeles de Facebook. Entonces por esta razón, tenemos que crear un nuevo gatillo. Y hagámoslo ahora mismo. OK, por lo que tenemos diferentes opciones de configuración de gatillo si hacemos click en configuración de gatillo puedes ver múltiples desencadenantes que podemos usar para nuestro propósito. Todavía queremos que este disparador se active en todas las vistas de página, pero solo si JavaScript estaba deshabilitado. Entonces para este propósito, todavía vamos a usar vista de página, tipo de disparador, pero no vamos a activarlo en todas las vistas de página, solo algunas vistas de página. Y aquí obtenemos una especie de parámetros como un filtro. Actualmente no tenemos ninguna variable que nos diga si JavaScript se está ejecutando o no por lo que tenemos que crear una nueva variable para esto también. Vamos a crear una nueva variable. Desafortunadamente, no tenemos tipos de variables que detecten si JavaScript está habilitado o no por lo que tendremos que hacer una variable personalizada. Utilizaremos variable JavaScript personalizada. Sé que te lo prometo, no estaremos codificando nada. Pero desafortunadamente, no hay otra manera de evitarlo. Pero esto es súper sencillo y puedes encontrar este código en los recursos. Esto es todo lo que necesitamos hacer, configurar una función que devuelva “true” si JavaScript está habilitado. Si JavaScript no está habilitado, esto no se ejecutará y no pasará nada. Y vamos a nombrar esta variable. Vamos a guardar esta variable. Y de inmediato lo tenemos seleccionado en nuestro filtro. Y ahora lo que todo lo que necesitamos para comprobar es que esta variable no tiene un valor “verdadero”. Si esta variable será ejecutada por JavaScript, devolverá el valor “true”. . Nos estamos asegurando de que estamos ejecutando este disparador sólo cuando esta variable NO es “verdadera”. Entonces, básicamente, cuando JavaScript no se esté ejecutando, estableceremos este disparador. Sólo pongamos un nombre al gatillo. Y guárdalo. Nuestro gatillo ha sido seleccionado y esta etiqueta se ejecutará en todas las páginas cuando JavaScript esté deshabilitado. Pongamos nombre a esta etiqueta y guárdala. Hemos creado una nueva etiqueta de vista de página de Facebook para todos los navegadores que tienen JavaScript habilitado. También hemos creado un píxel de seguimiento de imágenes personalizado de Facebook para todos los navegadores que tienen JavaScript deshabilitado . También hemos creado un disparador para esta etiqueta y una variable especial que nos dice si JavaScript está habilitado o no. Entonces vamos a refrescar nuestro gestor de etiquetas y comprobarlo en nuestro sitio Web. Actualicemos nuestro sitio Web también. Y como pueden ver, nuestra etiqueta de vista de página de Facebook fue despedido con éxito. Y nosotros si nos desplazamos un poco más abajo, podemos ver que nuestro píxel de seguimiento de imágenes personalizadas de Facebook no fue disparado porque tenemos JavaScript habilitado. También podemos verificar este pixel funcionando revisando el ayudante de píxeles de Facebook. Podemos ver que nuestra vista de página se ha activado y podemos ampliarla para ver algunos detalles más sobre este evento y también podemos comprobar en nuestro gerente de negocios que todo funcione correctamente y refrescar la página. . Podemos ver de inmediato ese es nuestro seguimiento ahora funciona. Pero también podemos ir bajo los eventos de prueba y veremos que el evento de vista de página acaba de dispararse. Si volvemos a nuestro sitio Web y lo actualizamos de nuevo. Y volver al pixel de Facebook, deberíamos ver otra vista de página registrada. Si ahora desea probar que ninguna versión de script también funciona podría simplemente deshabilitar JavaScript en su navegador, volver a refrescar su sitio Web y ver si la vista de página está registrada aquí. Básicamente, hemos terminado con esto y podemos volver a Google tag manager, crear una nueva versión y publicarla en nuestro sitio Web. 18. Copia de etiqueta y envases de exportación: Una vez que tengas configurados todos tus scripts, etiquetas y desencadenadores esenciales, básicamente podrías hacer algo así como el archivo base que usarás para todos tus proyectos futuros. Si has creado un plan de etiquetas como lo discutimos en las mejores prácticas, entonces probablemente sepas cuál de las etiquetas, desencadenantes y variables entran en esta categoría. Entonces, ¿cómo puedes hacer eso? Básicamente puedes ir debajo del contenedor de exportación donde eliges tu versión o espacio de trabajo y seleccionar cualquier versión del pasado o simplemente el espacio de trabajo predeterminado, y solo puedes exportarlo al archivo. Entonces cada vez que tengas un contenedor nuevo, solo puedes ir por debajo del contenedor de importación, elegir el archivo importado y empezarás desde esa línea de base. Por supuesto, necesitarás modificar algunas de las variables. Por ejemplo, para Google Analytics o Facebook pixel y algunos otros, pero obtendrás un buen punto de partida desde el que luego podrás expandirte a etiquetas más avanzadas. La otra cosa que quiero mostrarte es GTM copy paste browser plugin que lo sugerí al inicio de este curso. Te va a ayudar significativamente si administras varias cuentas y quieres copiar una etiqueta específica o desencadenar tal vez incluso una variable de un contenedor a otro. O si tienes etiquetas específicas que son un poco más complejas o tal vez algunos desencadenantes que quieres duplicar. También lo puedes hacer en el mismo contenedor. Cómo se accede a este plugin es simplemente por clic derecho luego se hace clic en el plugin de copia de GTM. Ya que aún no lo he autorizado, lo voy a hacer ahora. Después de autorizarlo podrás copiarlo y pegarlo donde quieras. Entonces, por ejemplo, si quiero copiar este píxel de seguimiento de imagen personalizada de Facebook a otro contenedor básicamente solo lo agrego a GTM copiar y pegar. Cuando hago esto, puedes ver que en el plugin muestra uno. Y si hago clic en el plugin, se puede ver que tengo esta etiqueta listada debajo de mis etiquetas. Yo puedo hacer lo mismo por los disparadores. Entonces sólo copia uno. Y, por supuesto, para las variables también. Vamos a copiar “si JavaScript está habilitado”, para que no tengamos que volver a copiar ese código. Ahora ya ves, he copiado 1 etiqueta, 1 gatillo y 1 variable, y podría pegarlas justo dentro este contenedor, que básicamente las duplicaría y agregaría “-copy” al final del nombre. O si cambio a otro contenedor puedo simplemente pegarlos aquí. Y una vez hecho, va a refrescar tu gestor de etiquetas de Google. Puedes optar por restablecer el portapapeles y borrar todos estos elementos dentro, o bien puedes copiarlos a algún otro contenedor también. Como ves en este nuevo contenedor tenemos todos estos artículos pegados. Entonces una etiqueta, un gatillo, y una variable. Y podría simplemente guardar este contenedor, publicarlo, o tal vez cambiar esta variable en otra cosa. 19. Resolución de problemas que puedas encontrar: Para la última lección, solo quiero hablar de solucionar algunos de los problemas comunes que podrías encontrar mientras configuras un gestor de etiquetas de Google o trabajas con él en algún momento en el futuro. Como hemos visto en una de las lecciones anteriores, podrías revisar algunos de los problemas, con el asistente de etiquetas de Google ya que te dará algunos detalles sobre ciertas etiquetas no disparando. Tuvimos un problema donde la etiqueta de remarketing de anuncios de Google no estaba disparando porque teníamos nuestro bloqueador de anuncios activado . Puedes usar todos estos plugins para ayudarte a solucionar algunos de los problemas que están pasando con las etiquetas activadas. Lo siguiente que es realmente importante es usar el mismo navegador, por ejemplo. Actualmente estoy ejecutando Google tag manager y nuestra tienda en el mismo navegador Chrome. Pero si abro la misma página en, por ejemplo, Firefox, verás que ya no veo al depurador. Porque Google tag manager está basado en JavaScript y sólo se ejecuta en el mismo navegador. Lo mismo vale para las ventanas privadas. Si abro la misma tienda en Google Chrome, pero en una ventana privada, volverás a ver eso. No veo ningún depurador a continuación. Entonces si tienes problemas para ejecutar el depurador o no ves tus etiquetas ejecutándose correctamente, primero comprueba que las estás ejecutando en el mismo navegador, que no las estás ejecutando una en ventana privada y la otra en la normal. Además, si tienes en tu configuración deshabilitada Cookies de terceros, entonces vamos a etiquetar depurador de administrador no funcionará. Te lo puedo mostrar bloqueándolos y refrescando la página. Y ya verás que básicamente va a desaparecer. Así que asegúrate de permitir Cookies de terceros y todo lo que puedes comprobar es, por supuesto que estás ejecutando el ID de contenedor correcto. Por lo tanto, revisa tu ID de contenedor en tu sitio Web. Puedes comprobarlo en la ventana de depuración si lo tienes habilitado o usando el asistente de etiquetas de Google. Puedes ver el mismo ID de contenedor aquí. Este es uno de los problemas más comunes si estás teniendo varias cuentas, que instalas accidentalmente el contenedor equivocado en tu sitio Web. Y esta es una forma fácil comprobar si todo está funcionando correctamente. Una de las cosas que también debes comprobar es que estás previsualizando el contenedor correcto. Por ejemplo, acabamos de comprobar ahora, que el contenedor correcto se está ejecutando en el sitio Web. Pero podrías estar en otro contenedor en el modo de vista previa y pensarías que nada funciona correctamente y que no ves la ventana de depuración cuando de hecho, básicamente estás previsualizando el contenedor equivocado. Algo a tener en cuenta también, que ya menciono, es que si estás usando algún tipo de inyector de etiquetas, es cuando insertas el contenedor GTM que insertó el ID de contenedor correcto y que no hay espacios ni caracter raro delante o en el fin. Si continuamente tienes algún tipo de problemas con que la ventana de depuración no se muestre correctamente, algo está tardando demasiado en mostrarse o algunos otros problemas. Lo que podrías hacer es una dura actualización del sitio Web. En Chrome Simplemente puedes presionar “Ctrl+F5" o en el Firefox “Ctrl+R”. Esto básicamente borrará toda la caché y actualizará la página desde cero. Además, deshabilita tu bloqueador de anuncios, esto podría ayudar o borrar las cookies. Podrías borrar las cookies presionando “ctrl+shift+delete” en tus teclados y obtendrás este pop up donde podrás borrar el historial de navegación y las imágenes almacenadas en caché. Simplemente puede anular la selección de esto y simplemente borrar las cookies y otros datos del sitio. Esto borrará todas las cookies y datos del sitio. Si desea despejarlo solo para su sitio Web, puede presionar “F12", ir debajo de la aplicación y borrar datos del sitio, anular la selección de todo lo que no quiera borrar. Y sólo tal vez despeje sólo las cookies y el caché. Despejarlo. Refresca el sitio y verás si funciona. Si ninguno de estos pasos funciona puedes, por supuesto, desactivar los plugins del navegador. Tal vez algunos plugins están interfiriendo con Google tag Manager, o puedes abrir una nueva ventana privada. Inicia sesión en Google tag manager allí y prueba tu tienda allí. Tan solo asegúrate de que todo esté funcionando dentro de la ventana privada. Aquí una nota más. Esto no funcionará si estás usando Firefox porque Firefox bloquea Google tag manager en el modo privado. Por lo tanto, prueba esto solo en Chrome. Bueno, a veces ninguno de estos consejos ayudará. Y es solo podría porque hay algunos problemas técnicos más profundos. Es posible que tu página o tu código de administrador de etiquetas de Google se guarden en caché en algún otro lugar de una red de entrega de contenido. . Y en este caso, lo mejor es solo contactar a tu desarrollador y pedirle que te ayude a resolver estos problemas. He compilado todos estos pasos lo que debes hacer primero en un documento que encontrarás bajo los recursos. Por lo que puedes descargarlo y tener una especie de lista de comprobación la cual puedes comprobar cuando tengas problemas 20. El envueltos: Enhorabuena, ¡lo lograste hasta el final de este curso! Como has visto, hay muchas cosas diferentes para las que puedes usar Google Tag Manager. Sinceramente espero que estas lecciones te ayuden en tus actividades de marketing. Yo configuro este curso como una plataforma sobre la que construiré en el futuro. Por lo que puedes esperar ver nuevas lecciones en los próximos meses. Si tienes alguna idea sobre los temas que te gustaría que cubriera. Por favor házmelo saber. Además si tienes algún comentario o sugerencia sobre cómo puedo mejorar este curso, estaría más que feliz de escucharlos. Cualquier comentario que me des me ayuda a mejorar este curso para otros alumnos. Entonces no tengas miedo de decirme lo que te gustó y lo más importante, en lo que no hiciste. Si conoces a alguien que quiera aprender Google Tag Manager, por favor comparte este curso con ellos. Y si te resultó útil, siéntete libre de calificarlo y dejar una reseña. Gracias de nuevo por quedarse conmigo. Y buena suerte en sus futuros empeños.