Intercom、LiveChat & Zendesk 小部件集成
将实时会话回放链接直接注入常用在线聊天小部件，帮助客户支持与销售团队。
1. 集成如何工作
访客通过站内聊天小部件联系支持团队时，客服常难以理解用户正经历什么。要求客户提供截图或重现步骤会增加摩擦，并延缓问题解决。
此 MousePlayer 聊天元数据桥接 会在浏览器内运行自动后台观察程序（initChatMetadataBridge），解决这一问题。启用后，跟踪脚本会检测页面上是否存在 Intercom、 LiveChat或 Zendesk ，并自动将包含可一键打开的直接回放 URL（mouseplayer_session_url）的自定义属性注入聊天会话元数据。
零延迟 & 自动重试： 在线聊天小部件通常在页面加载后异步加载，因此 MousePlayer 每 3 秒自动重新检查小部件是否可用，确保附加会话链接时不受竞态条件影响。
2. 如何启用集成
可使用仪表板中的无代码开关启用在线聊天桥接，也可通过 JavaScript 配置对象手动启用。
方法 A：通过仪表板无代码启用（推荐）
- 登录 MousePlayer 账户，前往 您的媒体资源。
- 点击目标域名旁的 设置 / 集成 按钮。
- 在集成弹窗中，将 启用在线聊天元数据桥接 切换为
ON。 - 选择提供商（Intercom、LiveChat 或 Zendesk），点击 保存设置。更改会立即对所有活跃用户生效。
方法 B：手动配置脚本
如果硬编码 MousePlayer，而不使用远程配置加载器，请将 chat_bridge_active: true 传入 window.mp_config 对象：
3. 各提供商的技术数据流
MousePlayer 会根据聊天软件调用相应提供商的 SDK 方法，绑定活跃回放 URL：
| 聊天提供商 | 执行的 JavaScript 方法 | 注入的元数据键 |
|---|---|---|
| Intercom | window.Intercom('update', { ... }) |
mouseplayer_session_url |
| LiveChat | window.LiveChatWidget.call('set_session_variables', { ... }) |
mouseplayer_session_url |
| Zendesk | window.zE('webWidget', 'identify', { ... }) |
mouseplayer_session_url |
4. 客服界面中的显示方式
启用后，只要用户开始对话，客服就能在客服仪表板中看到通向实时会话的直接链接。
1. Intercom 收件箱视图
客服在 Intercom 打开对话时，链接会出现在右侧栏的 用户数据 / 自定义属性 面板中。点击 URL 即可在新的浏览器标签页即时打开 MousePlayer 剧场回放。
2. LiveChat 客服应用
在 LiveChat 客服应用中，前往活跃聊天窗口的右侧栏，展开 详细信息 → 自定义变量 区域。变量 mouseplayer_session_url 会显示为可点击的超链接。
3. Zendesk 客服工作区
在 Zendesk Agent Workspace 中，查看工单视图右侧的 客户上下文 / 用户信息 面板。元数据链接列在用户的自定义资料字段下，可即时进行实时协同浏览与调试。
此处提及的所有商标均属于各自所有者。MousePlayer 与这些提供商不存在商业关系。