Scénarios: Attirez l'attention des visiteurs qui défilent jusqu'au bas d'une page.

Scénario

Vous avez créé une page web annonçant un nouveau produit. Vous voulez créer un segment des visiteurs qui ont vu la page entière et commencer une interaction avec eux.

Résumé des étapes

  1. Utilisez JavaScript pour créer une balise d'événement ScrollToBottom.
  2. Déployez votre balise d'événement avec votre gestionnaire de balises préféré.
  3. Créez un segment qui utilise la balise d'événement.
  4. Créez un plan d'action pour susciter l'intérêt de vos visiteurs.
  5. Testez votre solution dans Live Now.

Créer une balise d'événement ScrollToBottom

Dans votre éditeur de code préféré, développez et validez une balise d'événement ScrollToBottom.

Si vous avez déployé le snippet de suivi Predictive Engagement , utilisez l'exemple suivant pour créer une balise d'événement ScrollToBottom.

<script>ac('dom', 'ready', function() {    $(window).scroll(function(){        timeout = setTimeout( function() {            if( $(window).scrollTop() + $(window).height() > $(document).height() - 100 ) {                ac('record', 'scrollToBottom', 'User scrolled to bottom');                console.log('User scrolled to bottom');            }        })    })})</script>

Pour plus d'informations sur les méthodes JavaScript Journey disponibles que vous pouvez utiliser pour créer des balises d'événement, consultez le site Journey JavaScript SDK.

Extrait de la messagerie

Si vous êtes un client Genesys Cloud CX et que vous avez déployé le snippet Messenger , utilisez l'exemple suivant pour créer une balise d'événement ScrollToBottom. 
<script>  Genesys("subscribe", "Journey.ready", function(){    $(window).scroll(function(){        timeout = setTimeout( function() {            if( $(window).scrollTop() + $(window).height() > $(document).height() - 100 ) {                Genesys("command", "Journey.record", { eventName: "scrollToBottom"});                console.log('User scrolled to bottom');            }        }    }})</script>

Pour plus d'informations sur les plugins disponibles et les commandes et événements qui leur sont associés, consultez la page Commandes et événements dans le centre de développement Genesys Cloud CX.

Déployer le tag d'événement

Déployez votre balise d'événement en utilisant votre gestionnaire de balises préféré :

Remarque : Le code JavaScript que vous définissez pour une balise d'événement s'exécute chaque fois qu'un visiteur se trouve sur une page qui correspond à la condition d'exécution définie pour la balise (soit l'URL spécifique de la page, soit la présence d'un élément HTML).

Créer un segment ScrollToBottom

  1. Dans Genesys Cloud CX Admin, créer un segment.
  2. Sous Visitor Journey, cliquez sur Add first event.
  3. Dans la boîte Type de session, cliquez sur Web.
  4. Dans la boîte Event Details, cliquez sur event action.
  5. Dans la case Attribut, cliquez sur nom.
  6. Dans la boîte Opérateur, cliquez sur égale.
  7. Dans la zone Value, tapez le nom de votre balise tel que vous l'avez défini dans votre appel ac('record') ou Journey.record, puis cliquez sur la coche.
Remarque : Vous devez créer un type de session Web. N'utilisez pas le type de session Personnalisé.

Créer une carte d'action ScrollToBottom

  1. Dans Genesys Cloud CX Admin, créer une carte d'action.
  2. Nommez la carte d'action ScrollToBottom.
  3. Dans la section Sélectionnez le déclencheur, cliquez sur Segment match.
  4. Cliquez sur Afficher les détails et ensuite sur Sélectionner les segments.
  5. Dans la boîte de dialogue Select segments, sélectionnez le segment ScrollToBottom.
  6. Configurez le reste de la carte d'action selon vos besoins, puis enregistrez-la.

Testez votre solution dans Live Now

  1. Ouvrir Live Now.
  2. Ouvrez votre site web.
  3. Commencez une visite et allez sur la page que vous suivez.
  4. Faites défiler jusqu'en bas.
  5. Rafraîchissez Live Now et vérifiez qu'un nouveau visiteur apparaît et que le visiteur a été ajouté au segment ScrolltoBottom.