快速入门:通过集成进行互动

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

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

准备工作

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

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

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

设置

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

  1. 转到 Dialogflow CX 控制台
  2. 选择您的 Google Cloud 项目。
  3. 选择您的代理。
  4. 选择管理标签页。
  5. 点击左侧边栏菜单中的集成
  6. 点击 Dialogflow Messenger 上的连接
  7. 此时将打开一个配置对话框。
  8. 如果之前已为此代理设置了集成,您将看到可嵌入的 HTML 代码。无论您想要了解哪些已通过身份验证,哪些需要未通过身份验证,请点击对话框底部的停用...按钮,以便在下一步中重新配置设置。
  9. 选择环境
  10. 选择未通过身份验证的 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 Messenger 文档