Amazon Connect 中支持可自定义的小部件片段字段 - Amazon Connect

Amazon Connect 中支持可自定义的小部件片段字段

下表列出了可以自定义的通信小部件片段字段。表格之后的代码示例显示了如何使用片段字段。

片段字段 类型 描述 其他文档

snippetId

String

必填，自动生成

不适用

styles

String

必填，自动生成

不适用

supportedMessagingContentTypes

数组

必填，自动生成

不适用

customLaunchBehavior

对象

自定义您的网站呈现和启动托管小部件图标的方式

此主题后面的为托管在 Amazon Connect 的网站自定义小部件启动行为和按钮图标

authenticate

函数

在您的网站上启用 JWT 安全功能的回调函数

此部分前面的第 2 步：指定您希望在其中显示通信小部件的网站域。

customerDisplayName

函数

初始化联系人时传递客户显示名称

此部分后面的在 Amazon Connect 聊天开始时传递客户显示名称。

customStyles

对象

覆盖默认 CSS 样式

此部分后面的传递自定义属性以覆盖 Amazon Connect 中的通信小部件中的默认属性。

chatDurationInMinutes

数字

新开始的聊天会话的总时长

默认值：1500 - 最小 60，最大：10080

enableLogs

布尔值

启用调试日志

默认：false

language

String

Connect 可以对支持的 ISO-639 格式语言代码进行翻译。有关更多信息，请访问 https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes。

默认语言：en_US。支持的语言：de_DE、en_US、es_ES、fr_FR、id_ID、it_IT、ja_JP、ko_KR、pt_BR、zh_CN

nonce

String

iframe 与客户网站 csp 策略之间的握手值。示例：客户 csp 允许使用 1234 随机数值，引入另一个脚本的 iframe 必须具有相同的 1234 随机数值，这样浏览器才能知道它是 iframe 父站点的可信脚本。

默认值：未定义

customizationObject

对象

自定义小部件布局和脚本

有关更多信息，请参阅此部分后面的为 Amazon Connect 聊天窗口小部件提供更多聊天自定义功能。

contactAttributes

对象

无需任何 JWT 设置，直接从片段代码向联系人流传递属性

有关更多信息，请参阅聊天初始化时传递联系人属性。

customDisplayNames

对象

覆盖 Amazon Connect 管理员网站中设置的系统或机器人显示名称和徽标配置。

有关更多信息，请参阅如何传递通信小部件的覆盖系统和机器人显示的名称和徽标。

contactMetadataHandler

函数

访问 contactId 的回拨函数。例如，添加一个事件侦听器来处理各种情况，例如在浏览器标签关闭时使用 contactId 调用 StopContact 函数，或使用以前的 contactId 保持聊天持久性。

有关更多信息，请参阅使用“contactMetadataHandler”进行持续聊天演示。

registerCallback

对象

这允许对公开的生命周期活动执行回拨。

公开的活动是 'PARTICIPANT_IDLE'、'CHAT_ENDED'、'PARTICIPANT_RETURNED'、'PARTICIPANT_JOINED'、'PARTICIPANT_LEFT'、'CONNECTION_ESTABLISHED'、'CONNECTION_LOST' 和 'AUTHENTICATION_INITIATED'

initialMessage

String

要发送到新建聊天室的消息。长度限制：最小为 1，最大为 1024。

要使用初始消息调用联系流中配置的 Lex 机器人，请通过选择使用信息初始化机器人选项来修改获取客户输入流块。有关更多信息，请参阅如何配置获取客户输入流块。

以下示例演示了如何向将聊天小部件添加到网站的 HTML 脚本中添加片段字段。


(function(w, d, x, id){ /* ... */ })(window, document, 'amazon_connect', 'widgetId');
  amazon_connect('snippetId', 'snippetId');
  amazon_connect('styles', /* ... */);
  amazon_connect('registerCallback', { 
   'event_Name_1' : callback(function),
   'event_Name_2' : callback(function), 
    ...
    });
  amazon_connect('initialMessage', 'Your initial message string');
  // ...  
  amazon_connect('snippetFieldHere', /* ... */);
<script/>