通过集成进行互动

系统会通过集成,为您处理最终用户互动。您只需构建代理,选择性地实现 webhook 并配置集成。

本指南介绍了如何使用 Dialogflow CX Messenger 集成为代理提供简单的用户文本聊天界面。

准备工作

如果您不打算使用集成,则可以跳过本快速入门。

在阅读本指南之前,请先完成以下事项:

  1. 阅读流程基础知识
  2. 执行设置步骤
  3. 执行使用流程构建代理快速入门指南中的步骤。 以下步骤将继续处理同一代理。如果您不再拥有该代理,则可以下载代理恢复它

设置

如需设置对 Dialogflow CX Messenger 客服的未经身份验证的访问权限,请执行以下操作:

  1. 前往 Dialogflow CX 控制台
  2. 选择您的 Google Cloud 项目。
  3. 选择您的代理。
  4. 选择管理标签页。
  5. 点击左侧边栏菜单中的集成
  6. Dialogflow CX Messenger 上点击连接
  7. 此时将打开一个配置对话框。
  8. 如果之前为此代理设置了集成,您会看到可嵌入的 HTML 代码。无论您希望哪些操作需要身份验证,请点击对话框底部的停用...按钮,以便在下一步中重新配置设置。
  9. 选择环境
  10. 选择 Unauthenticated API(未经身份验证的 API)。
  11. 选择一种样式。
  12. 可选择限制网域访问权限。
  13. 点击启用未经身份验证的 API
  14. 该对话框中会显示可嵌入到您网站中的可嵌入 HTML 代码。复制此代码。
  15. 点击完成

嵌入

将您之前复制的嵌入代码粘贴到您网站上的网页中。<script><df-messenger> HTML 元素应该位于网页的 <body> 元素中。

如果您使用的是经过身份验证的集成,请将 <df-messenger>oauth-client-id 属性设置为您的 Oauth 客户端 ID。

更新需要更新的任何其他属性。

如需支持响应式布局,请在 <head> 元素中添加以下内容:

<meta name="viewport" content="width=device-width, initial-scale=1">

嵌入后,您可以点击右下角的聊天图标,通过网页与客服人员互动。

Messenger 界面屏幕截图

自定义

您可以通过多种方式自定义此界面的外观和行为。如需了解详情,请参阅 Dialogflow CX Messenger 文档