Guía: Cómo implementar script del Hub de Notificaciones con Google Tag Manager
Este artículo técnico proporciona instrucciones detalladas sobre cómo implementar el script del Hub de Notificaciones de Icomm utilizando Google Tag Manager. Sigue estos pasos para una integración exitosa en su sitio web.
Antes de comenzar la implementación, es necesario obtener el script del Hub de Notificaciones:
Solicita el el script del Hub de Notificaciones a Icomm por correo electrónico.
Una vez en Google Tag Manager, siga estos pasos para crear una etiqueta y un activador:
En el panel de control, dentro de la sección Etiquetas selecciona la opción "Nueva".
Coloca un nombre la etiqueta. Por ejemplo "HUB Icomm".
En la configuración de la etiqueta, selecciona "HTML Personalizado".
Pega el script proporcionado por Icomm en el campo de HTML.
Haz clic en "Elija un activador para esta etiqueta".
Selecciona "All Pages" como el tipo de activador.
Haz clic en "Añadir" para guardar el activador.
Haz clic en "Guardar" para salvar la configuración de la etiqueta.
Para completar la implementación:
Haz clic en "Enviar" para publicar los cambios.
Confirme la publicación en la ventana emergente.
Después de implementar el Hub de Notificaciones:
Espere unos minutos para que los cambios se propaguen.
Visita el sitio web y verifica que el Hub de Notificaciones funcione correctamente.
Si encuentras algún problema, revisa la configuración en Google Tag Manager o contacta al soporte de Icomm para obtener asistencia.
Una vez implementado el script, customizar el Optin ya que se activa automáticamente al activar el script.
Consulta el siguiente artículo: Cómo configurar el Optin en HUB
Para generar plantillas desde Google Tag Manager para VTEX IO:
Hacer click en PLANTILLAS: > Generar
Hacer click en los tres puntitos + importar
Importar el archivo tpl y guardar:
ICOMM WebPush Invoke Script
Una vez generadas las plantillas debes generar las etiquetas igual que siempre, pero en lugar de HTML Personalizado, selecciona la nueva plantilla de ICOMM.
Selecciona la plantilla y editar el ID (del cliente)
¿Cómo se obtiene?
Desde el script .txt que otorga Icomm al dar de alta el módulo:
En rojo se muestra donde debemos colocar el ID de cliente de PUSH
Aquí se encuentra el ID de push en el script .txt
El activador del HUB debe estar en All Pager / Todas las páginas
Envía los cambios
Una vez realizados los pasos anteriores es necesario activar los TAGS html
Paso a paso:
Ingresa a VTEX my apps
Click en allow custom HTML tags
Siguiendo estos pasos, habrás implementado exitosamente el Hub de Notificaciones de Icomm en tu sitio web utilizando Google Tag Manager. Esta implementación te permitirá gestionar fácilmente las notificaciones y mejorar la comunicación con sus usuarios.
Consulta también: Cómo activar script de Lead y ADQ
Paso 1: Obtener el script del Hub de Notificaciones
Antes de comenzar la implementación, es necesario obtener el script del Hub de Notificaciones:
Solicita el el script del Hub de Notificaciones a Icomm por correo electrónico.
Paso 2: Acceder a Google Tag Manager
Paso 3: Configurar en Google Tag Manager
Una vez en Google Tag Manager, siga estos pasos para crear una etiqueta y un activador:
Crear una nueva etiqueta:
En el panel de control, dentro de la sección Etiquetas selecciona la opción "Nueva".
Coloca un nombre la etiqueta. Por ejemplo "HUB Icomm".
En la configuración de la etiqueta, selecciona "HTML Personalizado".
Pega el script proporcionado por Icomm en el campo de HTML.
Configurar el activador:
Haz clic en "Elija un activador para esta etiqueta".
Selecciona "All Pages" como el tipo de activador.
Haz clic en "Añadir" para guardar el activador.
Haz clic en "Guardar" para salvar la configuración de la etiqueta.
Paso 4: Finalizar la implementación
Para completar la implementación:
Haz clic en "Enviar" para publicar los cambios.
Confirme la publicación en la ventana emergente.
Verificación
Después de implementar el Hub de Notificaciones:
Espere unos minutos para que los cambios se propaguen.
Visita el sitio web y verifica que el Hub de Notificaciones funcione correctamente.
Si encuentras algún problema, revisa la configuración en Google Tag Manager o contacta al soporte de Icomm para obtener asistencia.
Optin:
Una vez implementado el script, customizar el Optin ya que se activa automáticamente al activar el script.
Consulta el siguiente artículo: Cómo configurar el Optin en HUB
Plantillas desde GTM para VTEX IO
Para generar plantillas desde Google Tag Manager para VTEX IO:
Hacer click en PLANTILLAS: > Generar
Hacer click en los tres puntitos + importar
Importar el archivo tpl y guardar:
ICOMM WebPush Invoke Script
Una vez generadas las plantillas debes generar las etiquetas igual que siempre, pero en lugar de HTML Personalizado, selecciona la nueva plantilla de ICOMM.
Selecciona la plantilla y editar el ID (del cliente)
¿Cómo se obtiene?
Desde el script .txt que otorga Icomm al dar de alta el módulo:
En rojo se muestra donde debemos colocar el ID de cliente de PUSH
Aquí se encuentra el ID de push en el script .txt
El activador del HUB debe estar en All Pager / Todas las páginas
Envía los cambios
Activar los TAGS
Una vez realizados los pasos anteriores es necesario activar los TAGS html
Paso a paso:
Ingresa a VTEX my apps
Click en allow custom HTML tags
Siguiendo estos pasos, habrás implementado exitosamente el Hub de Notificaciones de Icomm en tu sitio web utilizando Google Tag Manager. Esta implementación te permitirá gestionar fácilmente las notificaciones y mejorar la comunicación con sus usuarios.
Consulta también: Cómo activar script de Lead y ADQ
Actualizado el: 16/08/2024
¡Gracias!