Scenario: Engage visitors who scroll to the bottom of a page

AI-generated summary

Genesys Cloud enables engagement with webpage visitors through a scroll-tracking system that detects when users reach the bottom of a page, providing a comprehensive solution for monitoring and responding to user behavior on web properties. Implementation begins with creating a ScrollToBottom event tag using JavaScript code deployed via tag managers such as Adobe Launch or Google Tag Manager, configured to trigger when visitors scroll within 100 pixels of the page bottom. Two code implementation options are available depending on whether deployments use the Predictive Engagement tracking snippet or the Messenger snippet for Genesys Cloud CX customers. The technical foundation relies on a JavaScript-based implementation that monitors user behavior through subscription to the "Journey.ready" event, enabling developers to execute custom code when visitors interact with tracked pages. The system records events through the Journey.record command, with the JavaScript code executing each time a visitor accesses a page matching specified run conditions, whether defined by specific URLs or HTML element presence. tag deployment, administrators create a Web session segment in Genesys Cloud CX Admin that matches the ScrollToBottom event by configuring event details with specific attribute criteria, operators, and values that correspond to recorded event names. An action map is then configured using "Segment match" as the trigger type, designating the ScrollToBottom segment to initiate visitor engagement when criteria are met. The action map configuration allows for customization of additional parameters for specific engagement scenarios. Web session types are required for segments; Custom session types are not supported for this functionality. Implementation validation uses the Live Now testing feature, which enables administrators to open the tracked website, initiate a visit, scroll to the bottom of the page, and refresh Live Now to verify that new visitors appear and are correctly assigned to the ScrollToBottom segment. This real-time verification capability supports testing and validation of visitor tracking and segment assignment accuracy. The solution applies to use cases such as engaging visitors who have viewed entire product announcement pages or other full-page content. Additional technical resources are available in the Genesys Cloud CX Developer Center, which documents available plugins, commands, and events. The documentation notes that Genesys Predictive Engagement Tracking SDK v1 is deprecated, and customers are encouraged to migrate to digital user tracking via Messenger

Feature deprecations: Genesys will no longer support Genesys Predictive Engagement (GPE) Tracking SDK v1, which is available to customers via the legacy tracking snippet under Predictive Engagement. All customers are encouraged to migrate to digital user tracking via Messenger. For more information, see .

You created a webpage announcing a new product. You want to create a segment of those visitors who view the entire page and start an interaction with them.

Summary of steps

Use JavaScript to create a ScrollToBottom event tag.
Deploy your event tag with your preferred tag manager.
Create a segment that uses the event tag.
Create an action map to engage your visitors.
Test your solution in Live Now.

Create a ScrollToBottom event tag

In your preferred code editor, develop and validate a ScrollToBottom event tag.

If you deployed the Predictive Engagement tracking snippet, use the following example to create a ScrollToBottom event tag.

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

For more information about the available Journey JavaScript methods you can use to create event tags, see the Journey JavaScript SDK.

Messenger snippet

If you are a Genesys Cloud CX customer and you deployed the , use the following example to create a ScrollToBottom event tag.

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

For more information about the available plugins and their associated commands and events, see Commands and events in the Genesys Cloud CX Developer Center.

Deploy the event tag

Deploy your event tag using your preferred tag manager:

Adobe Launch
Google Tag Manager (Predictive Engagement tracking snippet deployments only)

Note: The JavaScript code that you define for an event tag runs every time a visitor is on a page that matches the run condition defined for the tag (either the specific page URL or the presence of an HTML element).

Create a ScrollToBottom segment

In Genesys Cloud CX Admin, create a segment.
Under Visitor Journey, click Add first event.
In the Session type box, click Web.
In the Event Details box, click event action.
In the Attribute box, click name.
In the Operator box, click equals.
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.

Note: You must create a Web session type. Do not use the Custom session type.

Create a ScrollToBottom action map

In Genesys Cloud CX Admin, create an action map.
Name the action map ScrollToBottom.
In the Select trigger section, click Segment match.
Click Show details and then click Select segments.
In the Select segments dialog box, select the ScrollToBottom segment.
Configure the rest of the action map as needed and then save it.

Test your solution in Live Now

Open Live Now.
Open your website.
Start a visit and go to the page that you are tracking.
Scroll to the bottom.
Refresh Live Now and verify that a new visitor appears and that the visitor was added to the ScrolltoBottom segment.

[NEXT] Was this article helpful?

Get user feedback about articles.

Create a ScrollToBottom event tag

In your preferred code editor, develop and validate a ScrollToBottom event tag.

If you deployed the Predictive Engagement tracking snippet, use the following example to create a ScrollToBottom event tag.

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

For more information about the available Journey JavaScript methods you can use to create event tags, see the Journey JavaScript SDK.

Messenger snippet

If you are a Genesys Cloud CX customer and you deployed the , use the following example to create a ScrollToBottom event tag.

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

For more information about the available plugins and their associated commands and events, see Commands and events in the Genesys Cloud CX Developer Center.

Deploy the event tag

Deploy your event tag using your preferred tag manager:

Adobe Launch
Google Tag Manager (Predictive Engagement tracking snippet deployments only)

Create a ScrollToBottom segment

In Genesys Cloud CX Admin, create a segment.
Under Visitor Journey, click Add first event.
In the Session type box, click Web.
In the Event Details box, click event action.
In the Attribute box, click name.
In the Operator box, click equals.
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.

Note: You must create a Web session type. Do not use the Custom session type.

Create a ScrollToBottom action map

In Genesys Cloud CX Admin, create an action map.
Name the action map ScrollToBottom.
In the Select trigger section, click Segment match.
Click Show details and then click Select segments.
In the Select segments dialog box, select the ScrollToBottom segment.
Configure the rest of the action map as needed and then save it.

Scenario: Engage visitors who scroll to the bottom of a page

Summary of steps

Create a ScrollToBottom event tag

Messenger snippet

Deploy the event tag

Create a ScrollToBottom segment

Create a ScrollToBottom action map

Test your solution in Live Now

[NEXT] Was this article helpful?

Loading...

Scenario: Engage visitors who scroll to the bottom of a page

Summary of steps

Create a ScrollToBottom event tag

Messenger snippet

Deploy the event tag

Create a ScrollToBottom segment

Create a ScrollToBottom action map

Test your solution in Live Now

[NEXT] Was this article helpful?