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
- Verwenden Sie JavaScript, um ein ScrollToBottom-Ereignis-Tag zu erstellen.
- Stellen Sie Ihr Event-Tag mit Ihrem bevorzugten Tag-Manager bereit.
- Erstellen Sie ein Segment, das das Ereignis-Tag verwendet.
- Erstellen Sie eine Aktionskarte, um Ihre Besucher anzusprechen.
- 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:
- Adobe Markteinführung
- Google Tag Manager (Predictive Engagement Tracking Snippet nur Bereitstellungen)
Ein ScrollToBottom-Segment erstellen
- In Genesys Cloud CX Admin, erstellen Sie ein Segment.
- Unter Visitor Journey, klicken Sie auf Add first event.
- Klicken Sie im Feld Sitzungstyp auf Web.
- Klicken Sie im Feld Ereignisdetails auf Ereignisaktion.
- Klicken Sie im Feld Attribut auf Name.
- Klicken Sie im Feld Operator auf gleich.
- In the Value box, type the name for your tag as you defined it in your ac('record') or
Journey.record
call and then click the checkmark.
Erstellen einer ScrollToBottom-Aktionskarte
- In Genesys Cloud CX Admin, erstellen Sie eine Aktionskarte.
- Benennen Sie die Aktionskarte ScrollToBottom.
- Klicken Sie im Abschnitt Auslöser auswählen auf Segmentübereinstimmung.
- Klicken Sie auf Details anzeigen und dann auf Segmente auswählen.
- Wählen Sie im Dialogfeld Segmente auswählen das Segment ScrollToBottom aus.
- Konfigurieren Sie den Rest der Aktionsübersicht nach Bedarf und speichern Sie sie dann.
Testen Sie Ihre Lösung in Live Now
- Öffnen Sie Jetzt live.
- Öffnen Sie Ihre Website.
- Starten Sie einen Besuch und gehen Sie zu der Seite, die Sie verfolgen möchten.
- Blättern Sie bis zum Ende.
- Aktualisieren Sie Live Now und vergewissern Sie sich, dass ein neuer Besucher erscheint und dass der Besucher dem Segment ScrolltoBottom hinzugefügt wurde.