Thu. Dec 26th, 2024

Visualizador de contenedores para Google Tag Supervisor


(ACTUALIZACIÓN:) Mucha gente tuvo problemas para acceder a la herramienta después de que publiqué esta publicación. Esto ahora debería arreglarse.

Entonces, cosas IMPRESIONANTES. el nuevo La interfaz de usuario y la API de Google Tag Supervisor acaban de implementarsey finalmente puedo empezar a revelar las cosas en las que he estado trabajando 🙂

No voy a entrar en la nueva interfaz de usuario en esta publicación. Sólo quiero agradecer enormemente al equipo de GTM por trabajar en la UX con tanta dedicación. El gran problema con GTM hasta ahora ha sido que los recién llegados y los no desarrolladores (y por qué no también los desarrolladores) no obtienen la fluir de la herramienta. No hay ninguna indicación de “qué hacer a continuación” o “qué está sucediendo ahora mismo”. Estas son algunas de las cosas que se han solucionado en esta versión.

Pero la API. Oh hombre, la API. Me encanta. Me permite hacer cosas geniales con él. Tengo un montón de herramientas en la etapa de prototipo, que incluyen:

  • Clonador de contenedores (copie los contenedores de una cuenta a otra)

  • Clonador de etiquetas (copiar etiquetas de un contenedor a otro)

  • Clonador de macros (copiar macro(s) de contenedor a contenedor)

  • Clonador de reglas (copie las reglas de un contenedor a otro)

  • Visualizador de contenedores (leer más a continuación)

No estoy listo para hacerlos públicos por dos razones: 1) Sigo usando el plan gratuito de App Engine, lo que significa que las cuotas explotarán si docenas de personas comienzan a clonar activos de GTM al mismo tiempo (sí, lo soy). estoy seguro de la popularidad de las herramientas), y 2) no soy un desarrollador visible, por lo que las herramientas parecen una mierda.

(ACTUALIZAR: Cedí y también hice públicas las otras herramientas. Ver esta publicación para más información.)

Pero hay una herramienta que quiero hacer pública ahora, porque estoy tremendamente orgulloso de ella. Así que allá vamos.


incógnita


El boletín a fuego lento

Suscríbete al Boletín a fuego lento para recibir las últimas noticias y contenido de Simo Ahava en su bandeja de entrada de correo electrónico.

Visualizador de contenedores

Es una pequeña herramienta que te permite visualizar todos los enlaces y relaciones entre las etiquetas, macros y reglas de un contenedor.

Puedes encontrar la herramienta aquí: Visualizador de contenedores (herramientas GTM @SimoAhava). No he realizado pruebas exhaustivas en todos los navegadores, por lo que puede verse un poco diferente según el navegador que utilice.

Así es como funciona:

  1. Primero necesitas autenticar tu ID de Google para usar la API.

  2. A continuación, elija una cuenta cuyo contenedor desee inspeccionar.

  3. Luego elige un contenedor en esa cuenta.

  4. Ahora deberías ver el diagrama con todos tus nodos.

  5. Pase el cursor sobre un nodo para ver sus conexiones.

  6. Haga clic en un nodo para congelar su estado (haga clic nuevamente en cualquier lugar para liberarlo)

  7. Haga clic en “Seleccionar nodos ermitaños” para seleccionar nodos sin enlaces

  8. Empiece a escribir para buscar una etiqueta, macro o regla específica

  9. Haga clic en “Pantalla completa” para ver una versión más grande de la visualización.

Creo que esta es una herramienta bastante buena para ver qué tan vibrante es tu contenedor. Si tiene un contenedor promedio, debería ver muchos enlaces a la macro {{occasion}} y a la macro {{url}}, pero si desea un contenedor saludable, debería ver muy pocos nodos o activos ermitaños con solo enlaces individuales.

Para la visualización, hice algunas modificaciones importantes al Paquete de borde jerárquico visualización construida con el increíble d3.js biblioteca.

En cuanto a la tecnología, son todas plantillas de Python, JavaScript y HTML.

Intentaré reunir el coraje para publicar pronto las otras aplicaciones de mi colección GTM Instruments @SimoAhava.

¡Déjame saber qué piensas sobre la thought de visualizar tus activos de datos!

Related Post

Leave a Reply

Your email address will not be published. Required fields are marked *