El modo de vista previa y depuración de Google Tag Manager permite navegar por un sitio en el que se haya implementado el código de un contenedor como si se hubiera implementado el borrador de dicho contenedor para que pueda probar su configuración antes de publicarlo. La vista previa de su sitio está conectada a Tag Assistant para que pueda inspeccionar qué etiquetas se han activado y en qué orden.
Habilitar el modo de vista previa y depuración
Para habilitar el modo de vista previa y depuración en el espacio de trabajo que esté usando en ese momento, siga estos pasos:
- En la parte superior derecha del espacio de trabajo, haga clic en Vista previa.
- Introduzca la URL de su sitio.
- Es posible que algunos sitios o algunas páginas no funcionen porque la URL correspondiente incluye un parámetro de depuración adicional. En ese caso, puede desmarcar la casilla Incluir señal de depuración en la URL.
- Haga clic en Conectar. Su sitio se abrirá en una ventana nueva y se mostrará como Conectado en la parte inferior derecha.
Si ha instalado la extensión de Chrome Tag Assistant Companion, el sitio web se abrirá en una pestaña nueva en vez de en una ventana nueva.
- Haga clic de nuevo en la pestaña de Tag Assistant y en Continuar para acceder a la interfaz de depuración.
También puede previsualizar el sitio para depurarlo en la página de activación de Tag Assistant.
Siga estos pasos para previsualizar una versión anterior de un contenedor:
- En el panel de navegación superior de su espacio de trabajo, haga clic en Versiones.
- Busque la versión con la que quiera trabajar, haga clic en Más acciones
y seleccione Vista previa.
y seleccione Vista previa.Usar el modo de vista previa y depuración
Una vez que esté habilitado el modo de depuración, se abrirá una nueva ventana con la página que ha introducido. Esta interfaz de depuración muestra información detallada sobre las etiquetas, como la forma en la que se activan y qué datos procesan. La interfaz de depuración solo se mostrará en el mismo navegador que se usó para habilitar el modo de vista previa o en el navegador de los usuarios con los que la comparta. Sin embargo, los visitantes habituales de su sitio web no la verán.
Use la información de la interfaz de depuración para averiguar si las etiquetas y los activadores se accionan correctamente y qué datos envían a sus respectivos servicios. A medida que navega por la vista previa del sitio web haciendo clic en diferentes elementos, la interfaz de depuración actualiza la información sobre la activación de etiquetas. Estos datos sirven para saber si se ha activado una etiqueta y el motivo.
La barra de navegación superior incluye botones de acceso a información sobre las etiquetas, las variables y la capa de datos, y la barra de navegación Resumen, situada a la izquierda, muestra una lista de eventos.
- Etiquetas: haga clic en este botón para ver qué etiquetas se han activado y cuáles no. Haga clic en una etiqueta para ver sus propiedades y activadores. Al seleccionar un evento en la columna de la izquierda, el estado de las etiquetas de ese evento se muestra en la pestaña Etiquetas.
-
Variables: en esta pestaña se muestra información detallada sobre las variables del evento seleccionado, como el tipo de variable, el tipo de los datos devueltos y el valor resuelto. En la barra de navegación de la izquierda, seleccione un evento para consultar el estado de las variables en el momento en que se activó.
- Capa de datos: en esta pestaña se puede consultar el mensaje del evento seleccionado tal como se ha enviado a la capa de datos, y ver la apariencia de la capa de datos una vez finalizada la transacción del mensaje. En la barra de navegación de la izquierda, seleccione un evento para consultar el estado de la capa de datos en el momento en que se activó.
Compartir el modo de vista previa y depuración
Cuando el modo de vista previa y depuración está habilitado, la configuración de los contenedores previsualizados y la interfaz de depuración de Tag Assistant solo se pueden ver desde el mismo navegador en el que se ha activado el modo de vista previa y depuración. Puede compartir esta vista previa con otras personas mediante una URL personalizada.
Para compartir una vista previa de la configuración de su espacio de trabajo con otra persona, siga estos pasos:
- En la parte superior de la interfaz de depuración de Tag Assistant, haga clic en Más acciones
- En el cuadro de diálogo Compartir sesión de depuración, introduzca el dominio del sitio web que quiere compartir y las etiquetas que quiere depurar.
- Copie la URL de vista previa resultante del cuadro correspondiente.
- Pegue dicha URL en un mensaje y envíelo a la persona con quien quiera compartirla. La URL de vista previa permite que el usuario se conecte a su sitio en modo de vista previa y que vea la interfaz de depuración de Tag Assistant.
También puede compartir las versiones actuales o anteriores de un contenedor desde su espacio de trabajo:
- En el panel de navegación superior de su espacio de trabajo, haga clic en Versiones.
- Busque la versión que quiera compartir, haga clic en Más acciones
- En el cuadro de diálogo Compartir vista previa, introduzca el dominio del sitio web que quiere compartir (por ejemplo, https://example.com/).
- Copie la URL de vista previa resultante del cuadro correspondiente.
- Pegue dicha URL en un mensaje y envíelo a la persona con quien quiera compartirla. La URL de vista previa permite que el usuario se conecte a su sitio en modo de vista previa y que vea la interfaz de depuración de Tag Assistant.
Salir del modo de vista previa y depuración
Para salir del modo de vista previa y detener la depuración, tiene tres opciones:
- Hacer clic en Desconectar en la ventana flotante de la vista previa del sitio.
- Hacer clic en la X situada en la esquina superior izquierda de la interfaz de depuración de Tag Assistant.
- Hacer clic en Detener depuración en la página de activación de Tag Assistant.