Uno de los desafortunados malentendidos respecto del maravilloso Administrador de etiquetas de Google El modo de vista previa es lo que realmente significa cuando GTM informa “Etiquetas activadas en este evento”. Para muchos, esto parece indicar que cualquier código que la etiqueta debía ejecutar también se completó con éxito. Sin embargo, este no es el caso.
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.
Consejo 19: Depuración de la ejecución de etiquetas frente a solicitudes reales
Veamos la distinción de inmediato:
Panel de depuración del Administrador de etiquetas de Google le indica cuando ciertas condiciones han invocado un disparador, y la etiqueta que usa este disparador tiene su JavaScript inyectado en el modelo de objetos de documento.
Este no significa que el resultado esperado del código de etiqueta (por ejemplo, activar un píxel, cargar un iframe, realizar JavaScript arbitrario) se haya completado correctamente.
Esta es una distinción muy clara y básicamente significa que mirando solo el panel de depuración, no puede depurar si la ejecución de sus etiquetas se está ejecutando o no de manera esperada.
Por ejemplo, si tiene algún bloqueador de Google Analytics ejecutándose en el navegador, el panel de depuración de GTM le indicará que la etiqueta se ha “activado”, pero el navegador impedirá que el código de la etiqueta full su solicitud a los servidores de Google Analytics.
Cómo depurar todo el proceso
La mejor manera de garantizar que las etiquetas se activen correctamente es prestar atención a dos cosas: solicitudes de crimson y el consola javascript.
El primero le indicará si las solicitudes se completan correctamente y el segundo le indicará si JavaScript tiene errores (u otro comportamiento inesperado).
Solicitudes de crimson se puede depurar con las herramientas de desarrollo de su navegador:
-
Chrome/Mac: abra las herramientas de desarrollo con Cmd + Opción + I y navega hasta “Purple”
-
Chrome/Home windows: abra las herramientas de desarrollo con F12 y navega hasta “Purple”
-
Firefox/Mac: Cmd + Opción + Q
-
Firefox/Home windows: Ctrl + Mayús + Q
Lo que verá es la lista de solicitudes que su navegador realizó durante la vida útil de la página. Puede localizar un tipo específico de solicitud utilizando la función de filtro (Chrome). Por ejemplo, para ver visitas al punto closing de Common Analytics, filtraría las solicitudes con la palabra “recopilar”. eso es porque recolectar es el URI al que se envían todas las visitas de Common Analytics.
A continuación me centraré en el Estado columna. Los errores típicos son, por ejemplo, 404 (no encontrado) y 500 (error interno del servidor). Una solicitud exitosa tendría el código de respuesta 200.
Si desea tener una visión aún más clara de lo que sucede en el sitio, full con un análisis de dataLayer estado, eche un vistazo a mi herramienta de depuración favorita, AVISPA.
Para depurar errores de JavaScriptabra las mismas herramientas de desarrollador, pero navegue hasta Consola en cambio. Debería ver una salida detallada de todos los errores de JavaScript que ha enviado la página precise, y es posible que también vea algunos errores en sus etiquetas GTM.
Tenga en cuenta que depurar errores de JavaScript puede ser bastante difícil, especialmente si usa marcos como jQuery. Tendrá que revisar el seguimiento de la pila de llamadas (si existe), e incluso entonces los resultados pueden no ser concluyentes. Por eso es bueno cooperar con un desarrollador que comprenda las condiciones de secuencias de comandos existentes en su sitio net y que pueda proporcionar información sobre qué errores están relacionados con qué secuencias de comandos.
Así que recuerda:
El panel de depuración le indica cuándo un activador provoca que se inyecte una etiqueta en su sitio.
Pero:
El depurador de crimson y la consola JavaScript le indican si el código de etiqueta se ejecutó con los resultados esperados.