‼️
La extensión “Tag Assitant” que Ulises instala ahora se llama “Tag assistant Legacy (by Google)” y no funciona bien. Recomiendo usar la nueva extensión “Tag Assitant for Conversions Beta” que también es de Google.
Introducción a GTM
¿Qué es Google Tag Manager?
Un marketing basado en datos
HTML para Marketing
Estructura de una página web: HTML, CSS y JS
Explorar una página: DOM, Window y Clases CSS
Etiquetas básicas de HTML
Revisión del proyecto
Integrar plataformas de terceros con GTM
Instalar y verificar funcionamiento de Tag Manager en un sitio
Preview Mode y Tag Assistant para diagnosticar y verificar tags
Instalar Google Analytics vía Tag Manager
Instalar Facebook Pixel vía Tag Manager
Instalar Google Ads Píxel vía Tag Manager
Instalar Bing Pixel vía Tag Manager
Instalar LinkedIn Píxel vía Tag Manager
Optimizar resultados con eventos built-in
Rastrear el nivel de lectura de página
Aplicación del rastreo del nivel de lectura de página
Rastrear clics en botones
Rastrear llegada a páginas específicas
Rastrear Forms
Optimizar con eventos personalizados
¿Qué es un Data Layer?
Razones para saber de programación en Marketing
Cargar eventos al Data Layer
Variables y constantes en Tag Manager
Lectura de Data Layer en Tag Manager
Herramientas bonus
Bonus: GA4
Bonus: Optimize
Conclusiones
Glosario de Google Tag Manager
Siguientes pasos
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Preview Mode y Tag Assistant para diagnosticar y verificar tags
8/27Recursos
¿Cómo empezar a taggear tu sitio web?
Taggear un sitio web es crucial para medir la interacción del usuario y aplicar estrategias de marketing efectivas. Con el uso de herramientas como el Tag Assistant de Google y el modo Preview, puedes asegurarte de que tus tags estén correctamente instalados y funcionando como deben.
¿Qué es Tag Assistant y cómo instalarlo?
Tag Assistant es una extensión de navegador que te ayuda a diagnosticar la correcta implementación de tags en tu página. Sigue estos pasos para instalarlo:
- Abre la tienda de extensiones en tu navegador (Chrome, Firefox o Edge).
- Busca "Tag Assistant" y selecciona la opción proporcionada por Google.
- Instala la extensión y localiza el pequeño icono de cuadro que te indicará que está activa.
Tag Assistant te permite comprobar que los tags, como el de Google Tag Manager, están instalados correctamente. Cuando un tag está funcionando adecuadamente, verás una carita verde feliz.
¿Cómo utilizar el Preview Mode de Google Tag Manager?
Preview Mode es vital para verificar los cambios antes de publicarlos:
- Navega a Google Tag Manager y accede al modo de Preview.
- Selecciona el subdirectorio de tu sitio que deseas verificar, por ejemplo,
tienda/platzi. - Esto abrirá una nueva ventana con un metaquery que indicará que estás en modo debug para realizar ajustes sin publicar cambios en vivo.
Preview Mode es esencial porque permite ver cómo se dispararán los tags, asegurándote de que tus implementaciones son correctas antes de llegar al usuario final.
¿Cómo crear un check list para el seguimiento del proyecto?
Un buen plan contempla el control y seguimiento del progreso. Creando un check list puedes verificar tus avances y asegurarte de no dejar detalles afuera:
- Revisión inicial: Asegúrate de que el HTML y el diseño web estén correctamente implementados.
- Seguimiento de tags: Anota los tags instalados, como los de Facebook, Google Analytics, y Google Ads, y verifica su correcto funcionamiento.
- Eventos personalizados: Planea la integración de eventos específicos usando Google Tag Manager para una mayor precisión en el seguimiento.
- Capacitación en JavaScript: Identifica las áreas donde necesitarás expandir tus conocimientos de JavaScript para mejorar la interacción en tu sitio.
¿Por qué es importante la implementación de terceros?
Integrar tags de terceros, como los de Google Analytics y Facebook, es crucial para obtener una visión completa del comportamiento del usuario:
- Google Analytics: Permite realizar un seguimiento detallado del tráfico del sitio web y proporcionar informes valiosos.
- Facebook Pixel: Facilita el remarketing al rastrear las acciones de los usuarios provenientes de publicidad en Facebook.
Además, familiarizarse con herramientas avanzadas como el Data Layer en Google Tag Manager mejorará significativamente la capacidad de análisis de tu sitio.
¿Cómo compartir y resolver problemas?
Compartir tu progreso o problemas técnicos es una parte valiosa del proceso de aprendizaje y mejora continua:
- Usa foros o comunidades de aprendizaje, como la de Platzi, para discutir dificultades y recibir retroalimentación.
- Documenta los errores que enfrentas y los pasos que tomaste, permitiéndote recibir ayuda específica para los problemas.
Al fomentar la colaboración y el compartir conocimiento, no solo mejorarás tus habilidades, sino que contribuirás a una comunidad de aprendizaje activa y en crecimiento.
Continúa explorando y aplicando estas herramientas a tu sitio. Recuerda, la clave del éxito está en la mejora continua y en superar los desafíos con determinación y creatividad. ¡Adelante!
Aportes 8
Preguntas 12
Ordenar por:
Con Preview Mode → Te deja hacer un debug de la opción que aún está publicada
Con Tag Assistant → Podemos verificar ya publicada una versión y si se están disparando de forma adecuada los tags
Tag Assistant puede ser disparado en cualquier sitio.
Debug:
La depuración de programas es el proceso de identificar y corregir errores de programación. En inglés se conoce como debugging, porque se asemeja a la eliminación de bichos, manera en que se conoce informalmente a los errores de programación
Preview mode en Google Tag Manager
El Preview mode o modo de vista previa en Google Tag Manager es una herramienta que permite ver los cambios que se están haciendo en el contenedor antes de publicarlos. Esto es útil para verificar que las etiquetas se están disparando correctamente y que se están recopilando los datos adecuados.
Para acceder al Preview mode, debemos hacer clic en el botón “Preview” en la parte superior de la interfaz de GTM. Luego, se abrirá una ventana emergente que mostrará la vista previa del sitio web y el contenedor de GTM.
Tag Assistant de Google
Tag Assistant es una extensión de Google Chrome que nos ayuda a verificar que los tags y códigos de seguimiento de nuestro sitio web se estén ejecutando correctamente.
Una vez instalada, la extensión muestra una lista de todos los tags que están en la página, incluyendo aquellos que se encuentran en Google Tag Manager. Además, proporciona información detallada sobre cada tag, incluyendo cualquier error que pueda estar ocurriendo.
Cómo utilizar el Preview mode y Tag Assistant juntos
Para diagnosticar y verificar los tags en nuestro sitio web, podemos utilizar el Preview mode y Tag Assistant juntos. Primero, debemos activar el modo de vista previa en GTM y luego cargar el sitio web que queremos verificar. Después, podemos utilizar Tag Assistant para verificar si los tags se están ejecutando correctamente.
Si encontramos algún error en la ejecución de los tags, podemos corregirlos en GTM y volver a cargar la página para verificar si se han solucionado. Una vez que estamos seguros de que los tags se están ejecutando correctamente, podemos publicar los cambios en GTM para que se implementen en el sitio web en vivo.
Hola,
Alguien sabe por qué me pueden estar apareciendo 2 "container load" en el debugging?
 5.30.55 p. m..png>)
El primero dice uniqueEventId: 1 y el segundo: uniqueEventId: 3
super
Escribo desde el 2024. Alguien sabe cuál es una alternativa al Tag Assistant? Estoy viendo en la Google Store y todas las extensiones dejaron de ser soportadas para Chrome.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?