Previsualizar y depurar contenedores

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:

1. Acceda a https://tagmanager.google.com.
2. Inicia sesión en tu cuenta de Google. Consulte cómo crear una cuenta de Google.
3. Abra el contenedor de Tag Manager que quiere editar.
4. En la pestaña Espacio de trabajo, haga clic en Vista previa (en la parte superior derecha) para iniciar Google Tag Assistant en una pestaña nueva.
5. Introduzca la URL de su sitio.
6. 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.
7. Haz 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.
8. 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:

1. En el panel de navegación superior de su espacio de trabajo, haga clic en Versiones.
2. Busque la versión con la que quiera trabajar, haga clic en Más acciones 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.

En el caso de los contenedores de servidor, la interfaz de depuración tiene varias pestañas. Consulte el artículo sobre cómo previsualizar y depurar contenedores de servidor para obtener más información sobre cómo usar el modo de vista previa con el etiquetado en el servidor.

La interfaz de depuración no está disponible con los siguientes tipos de contenedores:

• Contenedores de aplicaciones móviles (para obtener más información sobre cómo previsualizar y depurar contenedores de aplicaciones móviles, consulte la documentación para desarrolladores de iOS y Android).
• Contenedores de AMP (sí se puede previsualizar el sitio)

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:

1. En Tag Assistant, haga clic en Más acciones  y, a continuación, seleccione Compartir.
2. 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.
3. Copie la URL de vista previa resultante del cuadro correspondiente.
4. 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:

1. En el panel de navegación superior de su espacio de trabajo, haga clic en Versiones.
2. Busque la versión que quiera compartir, haga clic en Más acciones y seleccione Compartir vista previa.
3. En el cuadro de diálogo Compartir vista previa, introduzca el dominio del sitio web que quiere compartir (por ejemplo, https://example.com/).
4. Copie la URL de vista previa resultante del cuadro correspondiente.
5. 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, siga estos pasos:

1. Hacer clic en la X situada en la esquina superior izquierda de la interfaz de depuración de Tag Assistant.
2. Hacer clic en Detener depuración en la página de activación de Tag Assistant.