Si su tienda está construida en Store Framework, debe instalar la aplicación de pixel del Google Tag Manager para hacer la integración con todas las páginas. Vea cómo hacerlo en la documentación de la app.
Google Tag Manager es un sistema de gestión de etiquetas creado por Google para gestionar etiquetas JavaScript y HTML utilizadas para seguimiento y análisis de sitios web.
En VTEX, la integración con Google Tag Manager es nativa, lo que simplifica la configuración de la herramienta para analizar los datos de navegación de la tienda. En las secciones a continuación, se explican los requisitos previos y los pasos necesarios para realizar esta configuración:
- Requisitos previos
- Configurar etiquetas en Google Tag Manager
- Editar configuraciones del Checkout
- VTEX IO: instalar píxel app de Google Tag Manager
Requisitos previos
Antes de empezar a configurar Google Tag Manager, debes realizar los siguientes pasos:
- Crear una cuenta en Google Tag Manager.
- Configurar Google Analytics 4, es decir, realizar la primera etapa descrita en la guía Configurar el Google Analytics 4 en una tienda VTEX.
Configurar etiquetas en Google Tag Manager
A través de las etiquetas, Google Analytics te permite acceder a datos importantes sobre el desempeño de tu tienda, como el número de visitas y conversiones. Para obtener más información, vaya a Setting up GA4 event.
Editar configuraciones del Checkout
Después, debes configurar el código de identificación de la tienda en Tag Manager en VTEX siguiendo los pasos a continuación:
- En el Admin VTEX, accede a Configuraciones de la tienda > Storefront > Checkout, o escribe Checkout en la barra de búsqueda situada en la parte superior de la página.
- Haz clic en el icono del sitio web deseado.
- En el menú azul de opciones situado en la parte superior de la página, haz clic en Checkout.
- En el campo Google Tag Manager, ingresa el código de identificación de la tienda, en el formato
GTM-XXXX
, ilustrado en la imagen siguiente. - Haz clic en
Guardar
.
Para verificar eventos (activadores) y variables disponibles en las páginas que se utilizarán en las etiquetas, puedes utilizar el modo de vista previa de Google Tag Manager. Consulta este artículo en Google Tag Manager para más información.
Puedes utilizar el píxel de Facebook junto al Google Tag Manager de tu tienda para realizar un seguimiento y optimizar los resultados de tus campañas de marketing en la red social. Consulta el paso a paso en este artículo de Facebook.
VTEX IO: instalar el píxel de Google Tag Manager
Si tu tienda utiliza VTEX IO - Store Framework, además de la configuración, deberás usar una nueva versión de la aplicación Google Tag Manager. Para más información, accede a Installing Google Tag Manager.
Esta etapa no es necesaria para las tiendas que utilizan CMS - Portal Legado.