场景：吸引滚动到页面底部的访客

场景

您创建了一个宣布新产品的网页。您想创建一个由查看整个页面的访客组成的区段并开始与他们互动。

步骤摘要

使用 JavaScript 创建 ScrolltoBottoB oot
使用首选标签管理器部署事件标签。
创建使用事件标签的区段。
创建行动地图以吸引您的访客。
在 Live Now 中测试您的解决方案。

创建 scrollToBottom 事件标签

在您首选的代码编辑器中，开发并验证 ScrollToBottoBotto m 事件标签。

如果您部署了预测互动跟踪代码段，请使用以下示例创建 scrollToBottoBotto m 事件标签。

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

有关可用于创建事件标签的可用 Journey JavaScript 方法的更多信息，请参阅 J ourney JavaScript SDK。

信使片段

如果你是 Genesys Cloud CX 客户并且部署了 Messenger 片段，请使用以下示例创建 ScrollToBottoBotto M 事件标签。

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

有关可用插件及其关联命令和事件的更多信息，请参阅命令和事件在 Genesys Cloud CX 开发人员中心。

部署事件标签

使用您首选的标签管理器部署您的事件标签：

Adobe
Google 标签管理器（仅限预测互动跟踪片段部署）

注意： 您为事件标签定义的 JavaScript 代码每当访问者进入与为该标签定义的运行条件（特定页面 URL 或 HTML 元素的存在）相匹配的页面时就会运行。

创建 “滚动到底部” 分段

在 Genesys Cloud CX 管理员中，创建一个分段。
在 “访客旅程” 下，单击 “添加第一个活动”。
在 “会话类型” 框中，单击 Web。
在 “事件详细信息” 框中，单击 “事件操作”。
在 “属性” 框中，单击 “名称”。
在 “运算符” 框中，单击 “等于”。
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.

注意： 必须创建 Web 会话类型。请勿使用自定义会话类型。

创建 ScrollToBottom 动作地图

在 Genesys Cloud CX 管理员中，创建操作地图。
命名动作地图 scrollToBottoMT。
在 “选择触发器” 部分中，单击 “区段匹配”。
单击 “显示详细信息”，然后单击 “选择区段”。
在 “选择分段” 对话框中，选择 ScrollToBottom 分段。
根据需要配置操作地图的其余部分，然后将其保存。

在 Live Now 中测试您的解决方案

立即打开 “直播”。
打开您的网站。
开始访问并转到您正在跟踪的页面。
滚动到底部。
刷新 Live Now 并验证是否出现了新访客以及该访客是否已添加到 ScrollToBottom 区段。

场景： 吸引滚动到页面底部的访客

场景