Szenario: Binden Sie Besucher ein, die zum unteren Ende einer Seite scrollen

Szenario

Sie haben eine Webseite erstellt, auf der ein neues Produkt angekündigt wird. Sie möchten ein Segment der Besucher erstellen, die sich die gesamte Seite ansehen, und eine Interaktion mit ihnen beginnen.

Zusammenfassung der Schritte

  1. Verwenden Sie JavaScript, um ein ScrollToBottom-Ereignis-Tag zu erstellen.
  2. Stellen Sie Ihr Event-Tag mit Ihrem bevorzugten Tag-Manager bereit.
  3. Erstellen Sie ein Segment, das das Ereignis-Tag verwendet.
  4. Erstellen Sie eine Aktionskarte, um Ihre Besucher anzusprechen.
  5. Testen Sie Ihre Lösung in Live Now.

Erstellen eines ScrollToBottom-Ereignis-Tags

Entwickeln und validieren Sie in Ihrem bevorzugten Code-Editor ein ScrollToBottom Event-Tag.

Wenn Sie das Predictive Engagement Tracking-Snippet eingesetzt haben, verwenden Sie das folgende Beispiel, um ein ScrollToBottom Event-Tag zu erstellen.

<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>

Weitere Informationen zu den verfügbaren Journey-JavaScript-Methoden, die Sie zum Erstellen von Ereignis-Tags verwenden können, finden Sie unter Journey JavaScript SDK.

Messenger-Schnipsel

Wenn Sie ein Genesys Cloud CX-Kunde sind und das Messenger-Snippet implementiert haben, verwenden Sie das folgende Beispiel, um ein ScrollToBottom Event-Tag zu erstellen. 
<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>

Weitere Informationen über die verfügbaren Plugins und die damit verbundenen Befehle und Ereignisse finden Sie unter Befehle und Ereignisse im Genesys Cloud CX Developer Center.

Einsetzen des Ereignis-Tags

Stellen Sie Ihr Ereignis-Tag mit Ihrem bevorzugten Tag-Manager bereit:

Hinweis: Der JavaScript-Code, den Sie für ein Ereignis-Tag definieren, wird jedes Mal ausgeführt, wenn ein Besucher eine Seite aufruft, die der für das Tag definierten Ausführungsbedingung entspricht (entweder die spezifische Seiten-URL oder das Vorhandensein eines HTML-Elements).

Ein ScrollToBottom-Segment erstellen

  1. In Genesys Cloud CX Admin, erstellen Sie ein Segment.
  2. Unter Visitor Journey, klicken Sie auf Add first event.
  3. Klicken Sie im Feld Sitzungstyp auf Web.
  4. Klicken Sie im Feld Ereignisdetails auf Ereignisaktion.
  5. Klicken Sie im Feld Attribut auf Name.
  6. Klicken Sie im Feld Operator auf gleich.
  7. Geben Sie in das Feld Wert den Namen für Ihr Tag ein, wie Sie ihn in Ihrem Aufruf ac('record') oder Journey.record definiert haben, und klicken Sie dann auf das Häkchen.
Hinweis: Sie müssen einen Web-Session-Typ erstellen. Verwenden Sie nicht den Sitzungstyp Benutzerdefiniert.

Erstellen einer ScrollToBottom-Aktionskarte

  1. In Genesys Cloud CX Admin, erstellen Sie eine Aktionskarte.
  2. Benennen Sie die Aktionskarte ScrollToBottom.
  3. Klicken Sie im Abschnitt Auslöser auswählen auf Segmentübereinstimmung.
  4. Klicken Sie auf Details anzeigen und dann auf Segmente auswählen.
  5. Wählen Sie im Dialogfeld Segmente auswählen das Segment ScrollToBottom aus.
  6. Konfigurieren Sie den Rest der Aktionsübersicht nach Bedarf und speichern Sie sie dann.

Testen Sie Ihre Lösung in Live Now

  1. Öffnen Sie Jetzt live.
  2. Öffnen Sie Ihre Website.
  3. Starten Sie einen Besuch und gehen Sie zu der Seite, die Sie verfolgen möchten.
  4. Blättern Sie bis zum Ende.
  5. Aktualisieren Sie Live Now und vergewissern Sie sich, dass ein neuer Besucher erscheint und dass der Besucher dem Segment ScrolltoBottom hinzugefügt wurde.