Acerca de los fragmentos de seguimiento

Los clientes que deseen utilizar web chat deben utilizar el fragmento de seguimiento Predictive Engagement. Este snippet despliega el seguimiento de Predictive Engagement en su sitio web y también le permite utilizar la función de chat web.

Los clientes de Genesys Cloud CX que deseen utilizar la mensajería web en lugar del chat web deben utilizar el fragmento de Messenger. Este snippet despliega el seguimiento de Predictive Engagement en su sitio web y también le permite utilizar la función de mensajería web.

Acerca de Google Tag Manager

Cuando utiliza Google Tag Manager para implementar el seguimiento de Genesys Predictive Engagement, Genesys Predictive Engagement realiza un seguimiento de los eventos estándar del recorrido del cliente, incluidas las visitas a páginas y las entradas en formularios. También puede utilizar las etiquetas, los activadores y las variables predefinidos de Google Tag Manager para realizar un seguimiento de otros eventos específicos de su página web y de las necesidades de su empresa.

Para obtener más información sobre el uso de Google Tag Manager, consulte Ayuda de Google Tag Manager.

Implementación del fragmento de Messenger con Google Tag Manager

Si es cliente de Genesys Cloud CX y desea utilizar la nueva función de mensajería web, estas instrucciones son aplicables a usted. Si no es así, consulte Implementación del fragmento de seguimiento de compromiso predictivo con Google Tag Manager.

Para desplegar el fragmento de Messenger (disponible sólo para clientes de Genesys Cloud CX), siga estos pasos:

  1. En Genesys Cloud CX Admin en Message, haga clic en Messenger Deployments.
  2. Haga clic en el nombre de la implantación de Messenger que desee implantar.
  3. En la sección Despliegue su fragmento, haga clic en Copiar al portapapeles.
  4. En Google Tag Manager, cree una etiqueta HTML personalizada.
  5. Pegue el fragmento en el cuerpo de la etiqueta HTML personalizada.
  6. Incluya el código JavaScript con etiquetas.<script> Asegúrese de anular el escape del fragmento de código para eliminar los caracteres de escape de la nueva línea.
  7. Guarde la etiqueta.
  8. Selecciona el Todas las páginas desencadenar.
  9. Guarde la etiqueta con un nombre significativo, como Etiqueta de Messenger.
  10. Haga clic en Enviar y, a continuación, en Publicar. La etiqueta se publica en todas las páginas de su sitio web.

Para obtener más información, consulte Deploy Messenger en el Centro de recursos de Genesys Cloud CX.

Implemente el fragmento de seguimiento de compromiso predictivo con Google Tag Manager

Si es cliente de Genesys Cloud CX y desea utilizar la nueva función de mensajería web, estas instrucciones no son aplicables en su caso. En su lugar, consulte Deploy the Messenger snippet with Google Tag Manager.

Este vídeo muestra cómo utilizar Google Tag Manager para implementar el fragmento de seguimiento de Genesys Predictive Engagement en su sitio web.

Para desplegar el fragmento de seguimiento Predictive Engagement, siga estos pasos:

  1. En Google Tag Manager, cree un nuevo disparador y seleccione DOM Ready como tipo.
  2. Cree una nueva etiqueta y seleccione Custom HTML para el tipo.
  3. Configure la etiqueta para utilizar el nuevo activador DOM Ready.
  4. En Genesys Predictive Engagement, copie el fragmento de seguimiento.
  5. En Google Tag Manager, pegue el fragmento en la nueva etiqueta HTML personalizada.
  6. Guarde los cambios y publique su espacio de trabajo.

Disparadores

Un disparador es una condición que define cuándo debe ejecutarse una etiqueta. Google Tag Manager proporciona una colección de activadores integrados. También puedes crear tu propio activador.

Este ejemplo muestra el disparador Form Submission, que se lanza cuando el visitante hace clic en Sign up para enviar el formulario.

Propina
Controle los errores de envío con el activador de visibilidad de elementos integrado. Si aparece un mensaje de error en la página, puede suponer que el formulario contiene errores y tomar las medidas oportunas. También puede realizar el seguimiento de los mensajes de error relacionados con el campo de la misma manera.

Ejemplo de activación: rastrear cuando un visitante se desplaza

Este ejemplo muestra cómo utilizar el disparador Profundidad de desplazamiento para capturar eventos de desplazamiento vertical y horizontal en páginas web.

  • Este activador puede dispararse en todas las páginas web o en un subconjunto de páginas que cumplan las condiciones que especifique
  • Especifique las profundidades de desplazamiento vertical y horizontal en porcentaje o en píxeles.
  • Separe los valores múltiples con comas.
Nota: La opción Enable this trigger on Window Load (gtm.load) sólo tiene sentido cuando se carga todo el contenido de la página web.

Limitaciones

El activador sólo puede ejecutarse una vez por página web. No se puede restablecer manualmente. Si una página no es desplazable, el activador siempre se dispara. Para evitar que el disparador se dispare siempre, envuelva la etiqueta con el siguiente código:

if ($(document).height() > $(window).height()) { /* your tag code */ }

Ejemplo de activación: seguimiento del tiempo que un visitante permanece en una página

Este ejemplo muestra cómo definir un disparador para rastrear si una página web permanece abierta durante 3 segundos.

Ejemplo de activación: error de envío del formulario

El disparador Element Visibility se dispara cuando se muestra un elemento en la página. Es útil para detectar errores en el envío de formularios (por ejemplo, cuando aparece un mensaje de error del validador de campos).

Etiquetas

Las etiquetas son fragmentos de código que Google Tag Manager inyecta en su sitio web y ejecuta cuando se produce una condición desencadenante. Para obtener más información sobre las etiquetas integradas disponibles con Google Tag Manager, consulte Etiquetas personalizadas.

Nota: Google Tag Manager trata las llamadas a funciones JavaScript como HTML normal, lo que provoca errores. Para evitar este tipo de errores, asegúrese de utilizar los activadores y las etiquetas tal y como están previstos. Es decir, utilice un disparador cuando desee llamar a una función.
Propina
Si ha implementado el fragmento de seguimiento Predictive Engagement, puede invocar los métodos de Journey JavaScript SDK desde las etiquetas de Google Tag Manager.

Ejemplo de etiqueta: botón de inscripción

Este ejemplo muestra una etiqueta sencilla que se activa cuando el visitante hace clic en Sign up. Muestra los valores del formulario en una ventana modal.

Suprimir la activación de una etiqueta

Para evitar que se active una etiqueta, utilice event.preventDefault() en un elemento listener de la página web.

Depurar

Para ejecutar la integración de Google Tag Manager en modo de depuración, haga clic en Vista previa en la página de su cuenta. Debug aparece en la esquina inferior derecha de cada página integrada en su sitio web.

Utilice la consola para realizar un seguimiento de todos los eventos de la página web. Puede ver información como qué etiquetas se han activado o no, mensajes de error y valores de las variables.