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

场景

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

步骤摘要

使用 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。
在 “事件详细信息” 框中，单击 “事件操作”。
在 “属性” 框中，单击 “名称”。
在 “运算符” 框中，单击 “等于”。
在里面价值框中，输入您在标签中定义的标签名称ac('记录')或者旅程记录调用，然后单击复选标记。

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

创建 ScrollToBottom 动作地图

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

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

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

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

场景