Extensión de Chrome GTM Helper de Stape: funciones principales y casos de uso

La interfaz de vista previa de GTM presenta numerosos desafíos; probablemente muchos hayan notado áreas que podrían mejorarse. Los datos suelen ser difíciles de leer, y navegar por la vista previa de GTM puede volverse engorroso en contenedores grandes con muchas etiquetas activas. Ahí es donde las extensiones de navegador resultan útiles: hacen que los datos sean más claros y la navegación más sencilla.

Por eso, el equipo de Stape creó una sencilla extensión de Chrome para mejorar la vista previa de GTM. Todo el equipo de GTM la utiliza, así que sabemos que será de gran ayuda para muchas personas.

Stape GTM Helper es una extensión gratuita de Chrome diseñada para mejorar la experiencia de depuración en el modo de vista previa de Google Tag Manager. La herramienta ofrece múltiples funciones tanto para contenedores GTM web como de servidor. Con esta extensión, pueden navegar fácilmente por las etiquetas activadas, identificar rápidamente las que fallaron, centrarse únicamente en las etiquetas que están probando y aprovechar otras funciones que exploraremos en detalle a continuación.

Stape GTM Helper será útil para cualquier persona que configure el seguimiento de datos mediante GTM. Puede ser utilizada por especialistas en seguimiento de datos, analistas de datos, freelancers o agencias que necesiten una herramienta cómoda para simplificar el proceso de depuración.

Stape GTM Helper ofrece los siguientes beneficios:

• Pruebas de etiquetas específicas. Filtren y concéntrese en las etiquetas que necesitan probar en este momento. Especialmente útil si tienen múltiples entidades en su contenedor GTM.
• Identificación fácil del estado de las etiquetas. Si tienen múltiples etiquetas en un contenedor GTM, es fundamental navegar por ellas durante el proceso de depuración para determinar cuáles se activaron y cuáles fallaron. Stape GTM Helper añade codificación de colores a las etiquetas más populares y resalta su estado.
• Legibilidad de los parámetros de solicitud. Con la extensión de Stape activada, las solicitudes JSON entrantes y salientes, así como la URL de solicitud, se estructuran y son fáciles de leer. Esta función será útil para los usuarios de sGTM que necesiten visualizar las solicitudes entrantes y salientes.
• Estado de consentimiento claro en sGTM. El estado del consentimiento solo puede consultarse en los parámetros de solicitud al depurar en server GTM. La extensión de Chrome de Stape GTM muestra los cuatro estados de consentimiento principales en la vista previa del servidor.
• Depuración sencilla de la página de checkout en Shopify. Debido al sandbox de la página de checkout en Shopify, pueden surgir dificultades al solucionar problemas en esta parte de la configuración. Nuestra extensión de Chrome permite inyectar el snippet de GTM en la página de checkout y depurar la configuración fácilmente.
• Selección masiva de entidades del contenedor GTM. Seleccionen varios elementos para modificarlos en un solo paso, en lugar de hacer clic en cada uno individualmente.
• Análisis de la configuración de seguimiento. La función Scanner analiza la página que están visualizando y genera un informe con recomendaciones para mejorar tanto el seguimiento web como el del lado del servidor.

Si tienen múltiples entidades en su contenedor y desean probar algunas de ellas, pueden filtrar únicamente las necesarias para una depuración más cómoda.

Esta función está disponible tanto para contenedores GTM web como de servidor, y se puede utilizar en el modo Vista previa.

Esta función facilita la lectura de las solicitudes JSON entrantes y salientes en la vista previa de sGTM. Es especialmente útil para los webhooks y para verificar los datos que envían las etiquetas.

A continuación, un ejemplo de lo que obtienen sin la extensión:

Y esto es lo que obtienen con la extensión:

Esta función facilita la lectura de los parámetros consultados en las solicitudes de URL. Es más útil al visualizar las solicitudes GA4 entrantes y salientes.

A continuación, un ejemplo de lo que obtienen sin la extensión:

Y esto es lo que obtienen con Stape GTM Helper:

También pueden ver los datos de la URL de solicitud en formato JSON y copiarlos haciendo clic en los botones correspondientes.

Esta función añade codificación de colores y el logotipo de la plataforma para las etiquetas más populares (Meta, GA4, Google Ads, Microsoft, etc.). Funciona tanto en la vista previa web como en la de servidor, facilitando la navegación entre las etiquetas activadas cuando hay muchas en el contenedor.

A continuación, un ejemplo de lo que obtienen sin la extensión:

Y esto es lo que obtienen con la extensión:

Ayuda a rastrear las etiquetas con estado Failed o las solicitudes con estado 4xx o 5xx. Funciona en la vista previa de servidor y web.

A continuación, un ejemplo de lo que obtienen sin la extensión:

Y esto es lo que obtienen con la extensión:

Al depurar una configuración de Shopify, el dataLayer de GTM no es visible en la página de pago porque Shopify restringe el acceso al entorno de pago. El proceso de pago está aislado y no permite la manipulación del DOM ni la inyección de scripts sin restricciones, a diferencia de otras páginas de Shopify.

Sin embargo, pueden insertar manualmente el fragmento de GTM en la página de pago para ejecutar el modo de vista previa en esta parte de su configuración. Es fácil de hacer con la extensión de Chrome Stape GTM Helper:

Activen el interruptor Shopify Sandbox dataLayer en la pestaña Settings de la extensión.

En la pestaña Inject GTM, hagan clic en Enable injection, añadan su nombre de dominio y el ID de GTM. Guarden los cambios.

Como resultado, podrán ver en el modo Vista previa y depuración de GTM los eventos que ocurrieron en la página de pago:

Si desean una revisión rápida del estado de seguimiento de su sitio web y recomendaciones sobre cómo mejorarlo, utilicen el Escáner. Comprueba la página del sitio web que están revisando y genera un informe sobre cómo mejorar el seguimiento tanto web como del lado del servidor. El informe se genera con el Website Tracking Checker de Stape.

Cómo usar el Escáner dentro de GTM Helper:

• Abran el sitio web que desean comprobar.
• Abran GTM Helper y acceda a Scan your website.
• Hagan clic en Scan me.
• Revisen el resumen del informe y hagan clic en View full report para obtener más detalles y pasos siguientes.

Pueden ver los informes anteriores en la sección Scan history de la extensión.

Al utilizar el Google Consent Mode en una vista previa de servidor, el estado del consentimiento solo puede verificarse examinando los parámetros de la solicitud entrante. Esto complica la depuración, especialmente si sospechan que algunas etiquetas no se están activando correctamente debido a problemas de consentimiento.

La extensión gratuita de Stape GTM para Chrome soluciona esto añadiendo los cuatro estados de consentimiento principales a la vista previa del servidor. Funciona comprobando el parámetro 'gcs' en las solicitudes de GA4. La extensión muestra el tipo de consentimiento y su estado (Granted o Denied).

A continuación, un ejemplo de lo que obtienen con la extensión:

Activen Bulk select en la extensión.

Tras activar la herramienta, hagan clic en cualquier entidad dentro del contenedor. Luego mantengan pulsado Shift para seleccionar varias entidades a la vez. Esto les permite elegir varias entidades de GTM de una sola vez, en lugar de hacer clic en cada casilla manualmente.

Stape GTM Helper incluye tanto un formateador de URL como un formateador JSON. El primero hace que los parámetros sean más fáciles de leer y el segundo facilita la revisión de solicitudes entrantes y salientes. Combinadas con la codificación por colores de tipos y estados de etiquetas, estas funciones hacen que el trabajo con sGTM sea más claro, más rápido y más cómodo.

Puede descargar la extensión de forma gratuita desde el Chrome Web Store. No necesita una cuenta de Stape para usar Stape GTM Helper.