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

Learn how to create a custom event tag and a corresponding segment in Genesys Predictive Engagement. Then, use that segment with an action map and see the visitors in Live Now that the action map engaged.

Feature coming soon: Web messaging

This article only applies to customers using web chat. If you are a Genesys Cloud customer, we encourage you to use the new web messaging feature to replace web chat.

Scenario

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

Summary of steps

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

Create a ScrollToBottom event tag

In your preferred code editor, develop and validate a ScrolledToBottom event tag. For example:

<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: Journey JavaScript SDK.

Deploy the event tag

Deploy your event tag using your preferred tag manager:

• Adobe Launch
• Google Tag Manager

Important

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

1. In Segments, under Visitor journey, click Add first activity.
2. In the Attribute box, select Event name.
3. In the Operator box, select equals.
4. In the Value box, type the name for your tag as you defined it in your ac('record') call.
   

Important

You must create a visitor journey attribute of the Event name type. Do not use the Custom attribute type.

Create the ScrolledToBottom action map

1. In Action maps, click Create action map.
2. Name the action map ScrolledToBottom.
3. Under Select trigger, click Segment match.
4. Click Select segments and select the ScrolledToBottom segment.
5. Under Configure User Engagement, Webchat is selected by default.
6. Click Configure and design the Webchat however you like.
   

Test your solution in Live Now

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