在产品中定制聊天组件的交互

确定需要的交互

Web Chat SDK 允许网站与聊天组件交互。先明确是打开入口、传递允许使用的用户信息，还是响应组件事件。

1. 列出由用户主动触发的动作。
2. 说明组件与站内导航的关系。
3. 为未加载完成、被拦截或网络异常准备可见反馈。

保持一次初始化

在单页应用中，让组件初始化与应用生命周期相匹配。页面切换时复用已加载实例，避免重复创建组件。

1. 核对工作空间 Website ID。
2. 先完成标准安装与消息往返验证。
3. 确认路由切换后不会出现重复入口或重复事件监听。

由按钮打开会话

已初始化组件时，可通过下面的 SDK 调用请求打开聊天窗口。此代码仅演示组件控制，不包含工作空间安装配置。

window.$crisp = window.$crisp || [];
window.$crisp.push(["do", "chat:open"]);

验证完整用户路径

1. 分别测试首次访问、页面跳转和返回页面。
2. 检查手机端按钮、键盘焦点与遮挡情况。
3. 用户退出登录后，按你的身份与会话策略处理后续状态。
4. 无法打开组件时，保留站内问题说明或反馈入口。