Para implementar la personalización web y obtener información de los usuarios que navegan por el sitio debe seguir las siguientes indicaciones.
Dirígete a tu proyecto Midway, ir a la sección de Configuraciones > Personalizaciones
Copia el código que aparezca en la sección “Script”.
3. Diríjase a la cuenta de Google Tag Manager que tiene relacionada con su ecommerce
Agregue una etiqueta con la siguiente configuración:
Nombre: Midway - Tracking
Tipo de etiqueta: HTML
HTML: Pega el script copiado desde Midway
Opciones de activación de etiquetas: Once per event
Disparador: Initialization - All Pages
Agregue una etiqueta con la siguiente configuración:
Nombre: Midway - Tracking SPA
Tipo de etiqueta: HTML
HTML: Pega el siguiente script
Opciones de activación de etiquetas: Once per event
Disparador: pageView
(en caso de que no exista deberá crearla, abajo hay un breve explicativo de como crearla)
<script type="text/javascript"> if (window.MidwayPersonalization) { window.MidwayPersonalization.reload() } </script>
4. Dirígete a las apps del admin de Vtex, Gestión de aplicaciones y busca la aplicación de Google Tag Manager, y haz clic en configuración.
5. Activa la opción de permitir etiquetas de HTML personalizadas y luego haz clic en GUARDAR.
Por las dudas, hay que aclarar que se solicita habilitar las etiquetas de HTML que se cargan desde Google tag manager, el cliente debe revisar si al activarlo no se le modificaría o añadiría algo que no desea y que ya tenga cargado en Google tag manager.
6. Ahora ya puedes probar la vista previa de las etiquetas agregadas en Google Tag Manager, una vez que en la vista previa veas que todo funciona correctamente, puedes publicar la versión.
