À propos des extraits de suivi

Les clients qui souhaitent utiliser web chat doivent utiliser le snippet de suivi Predictive Engagement. Ce snippet déploie le suivi de l'engagement prédictif sur votre site Web et vous permet également d'utiliser la fonction de chat en ligne.

Les clients de Genesys Cloud CX qui souhaitent utiliser la messagerie Web au lieu du chat Web doivent utiliser le snippet Messenger. Ce snippet déploie le suivi de l'engagement prédictif sur votre site Web et vous permet également d'utiliser la fonction de messagerie Web.

À propos de Google Tag Manager

Lorsque vous utilisez Google Tag Manager pour déployer le suivi de Genesys Predictive Engagement, Genesys Predictive Engagement suit les événements standard du parcours client, notamment les pages consultées et les entrées de formulaire. Vous pouvez également utiliser les balises, déclencheurs et variables prédéfinis de Google Tag Manager pour suivre d'autres événements spécifiques à votre page Web et à vos besoins professionnels.

Pour plus d'informations sur l'utilisation du Gestionnaire de balises de Google, voir l'aide du Gestionnaire de balises de Google.

Déployer le snippet Messenger avec Google Tag Manager

Si vous êtes un client Genesys Cloud CX et que vous souhaitez utiliser la nouvelle fonction de messagerie Web, ces instructions vous concernent. Si ce n'est pas le cas, consultez Déployer le snippet de suivi Predictive Engagement avec Google Tag Manager.

Pour déployer le snippet Messenger (disponible uniquement pour les clients Genesys Cloud CX), procédez comme suit :

  1. Dans Genesys Cloud CX Admin, sous Message, cliquez sur Messenger Deployments.
  2. Cliquez sur le nom du déploiement Messenger à déployer.
  3. Dans la section Déployer votre snippet, cliquez sur Copier dans le presse-papiers.
  4. Dans Google Tag Manager, créez une balise HTML personnalisée.
  5. Collez l’extrait dans le corps de la balise HTML personnalisée.
  6. Enfermez le code JavaScript avec <script> des balises. Assurez-vous de déséchapper le code du snippet pour supprimer les caractères échappés de la nouvelle ligne.
  7. Enregistrez la balise.
  8. Sélectionnez le déclencheur Toutes les pages.
  9. Enregistrez la balise avec un nom significatif, tel que Balise Messenger.
  10. Cliquez sur Soumettre et ensuite sur Publier. La balise est publiée sur toutes les pages de votre site Web.

Pour plus d'informations, voir Deploy Messenger dans le centre de ressources Genesys Cloud CX.

Déployer l'extrait de suivi de l'engagement prédictif avec Google Tag Manager

Si vous êtes un client Genesys Cloud CX et que vous souhaitez utiliser la nouvelle fonction de messagerie Web, ces instructions ne vous concernent pas. Au lieu de cela, voir Déployer le snippet Messenger avec Google Tag Manager.

Cette vidéo vous montre comment utiliser Google Tag Manager pour déployer l'extrait de suivi Genesys Predictive Engagement sur votre site Web.

Pour déployer le snippet de suivi Predictive Engagement, suivez ces étapes :

  1. Dans Google Tag Manager, créez un nouveau déclencheur et sélectionnez DOM Ready comme type.
  2. Créez une nouvelle balise et sélectionnez Custom HTML pour le type.
  3. Configurez la balise pour utiliser le nouveau déclencheur DOM Ready.
  4. Dans Genesys Predictive Engagement, copier le snippet de suivi.
  5. Dans Google Tag Manager, collez l'extrait dans la nouvelle balise HTML personnalisée.
  6. Enregistrez vos modifications et publiez votre espace de travail.

Déclenche

Un déclencheur est une condition qui définit quand une balise doit être exécutée. Google Tag Manager fournit une collection de déclencheurs intégrés. Vous pouvez également créer votre propre déclencheur.

Cet exemple montre le déclencheur Form Submission, qui se déclenche lorsque le visiteur clique sur Sign up pour soumettre le formulaire.

Astuce :
Suivez les erreurs de soumission avec le déclencheur intégré de visibilité des éléments. Si un message d'erreur apparaît sur la page, vous pouvez supposer que le formulaire contient des erreurs et prendre les mesures appropriées. Vous pouvez également suivre les messages d'erreur liés aux champs de la même manière.

Exemple de déclenchement : suivre le défilement d'un visiteur

Cet exemple montre comment utiliser le déclencheur Scroll Depth pour capturer des événements de défilement vertical et horizontal sur des pages Web.

  • Ce déclencheur peut se déclencher soit sur toutes les pages Web, soit sur un sous-ensemble de pages répondant aux conditions que vous spécifiez.
  • Spécifiez les profondeurs de défilement vertical et horizontal en pourcentage ou en pixels.
  • Séparez les valeurs multiples par des virgules.
Remarque : L'option Enable this trigger on Window Load (gtm.load) n'a de sens que lorsque tout le contenu de la page web se charge.

Limitations

Le déclencheur ne peut être exécuté qu'une fois par page web. Vous ne pouvez pas le réinitialiser manuellement. Si une page n'est pas défilable, le déclencheur se déclenche toujours. Pour éviter que le déclencheur se déclenche toujours, il faut envelopper la balise avec le code suivant :

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

Exemple de déclenchement : déterminer combien de temps un visiteur reste sur une page

Cet exemple montre comment définir un déclencheur pour vérifier si une page Web reste ouverte pendant 3 secondes.

Exemple de déclenchement : erreur de soumission de formulaire

Le déclencheur Visibilité des éléments se déclenche lorsqu'un élément est affiché sur la page. Il est utile pour repérer les erreurs de soumission de formulaire (par exemple, lorsqu'un message d'erreur du validateur de champ apparaît).

étiquettes

Les balises sont des extraits de code que Google Tag Manager injecte dans votre site Web et exécute lorsqu'une condition de déclenchement se produit. Pour plus d'informations sur les balises intégrées disponibles avec Google Tag Manager, voir Balises personnalisées.

Remarque : Google Tag Manager traite les appels de fonction JavaScript comme du HTML normal, ce qui entraîne des erreurs. Pour éviter ce type d'erreurs, veillez à utiliser les déclencheurs et les balises comme ils sont prévus. À savoir, utilisez un déclencheur lorsque vous souhaitez appeler une fonction.
Astuce :
Si vous avez déployé l'extrait de suivi Predictive Engagement, vous pouvez invoquer les méthodes Journey JavaScript SDK à partir des balises Google Tag Manager.

Exemple d'étiquette : bouton de souscription

Cet exemple montre une balise simple qui se déclenche lorsque le visiteur clique sur Sign up. Il affiche les valeurs du formulaire dans une fenêtre modale.

Supprimer le déclenchement d'une balise

Pour empêcher le déclenchement d'une balise, utilisez event.preventDefault() sur un écouteur d'élément de page Web.

Déboguer

Pour exécuter l'intégration de Google Tag Manager en mode débogage, cliquez sur Preview sur la page de votre compte. Debug apparaît dans le coin inférieur droit de chaque page intégrée de votre site web.

Utilisez la console pour suivre tous les événements sur la page web. Vous pouvez voir des informations telles que les balises qui se sont déclenchées ou non, les messages d'erreur et les valeurs des variables.