您可选择将已经设置好的机器人以H5应用类型部署到各个渠道,比如自家官网、微信小程序等,目前支持:网页/自研app、微信(公众号/小程序)、支付宝(小程序)。
1)点击“生成新部署地址”,也就是承接服务的咨询页面地址,最多可生成5个。注:如您已进行获取用户登录token的操作,请在url拼接上token信息(举例:http://......from=xxx&_user_access_token=xxx),再部署到渠道页面中,token需要后端服务调用接口进行生成。
2)给生成的地址命名,用于区分在不同页面部署的服务入口,后期可以进行数据分析。注:假如部署后进入不了聊天窗,建议检查网络是否加了代理之类。
3)生成的地址要部署到哪里,就把链接部署到指定页面的服务入口(参考下图),点击可跳转服务窗口
2)注释中红框圈出来的位置就是你上传图标和名称后,会替换掉的位置。注:假如悬浮挂件只想显示图标,不想要文字,悬浮入口名称可不填。
3)点击“添加页面地址”(也叫“宿主页面”),输入悬浮挂件需要悬浮的页面地址,最多可添加20个。
注意↓↓↓
4)复制悬浮挂件的脚本(见图一),把脚本复制插入到悬浮的网站代码中(参考图二),假如您已经进行获取用户登录token的api接入,请在脚本上添加token信息(参考图三)。
图一:<代码中的from:***,***来源h5地址后缀code(from=?)>
图二:
图三:
可复制代码(xxxx记得改哦):
params:{ _user_access_token:'xxxxxxxx' }
5)确认部署,完成代码发布。
6)调整悬浮挂件位置(非必要操作)
目前悬浮挂件大小不支持修改,如果想调整位置,请参考下方代码根据自身需求添加到悬浮挂件代码中。
// [可选] 希望停靠的容器,可选,提供了之后,会计算容器的位置从而使服务窗悬浮在容器的一侧。
// [optional] the container of dialog, if provided, the dialog will align at the side of container
container: {
// 停靠容器的选择器
// the container selector
selector: '#main',
// 值可以为 'left' 或者 'right',表示停靠在容器的左侧还是右侧,默认为 'right'
// dialog align at left or right, default is 'right'
align: 'left',
// 基于容器位置做相对偏移,可选,x 为水平偏移量,y 为垂直偏移量,值必须是数字,可以是正数或者负数,默认单位为 px
// the position that offset the container, x is horizontal, y is vertical
offset: {
x: 10,
y: 25
}
},
// [可选] 在页面上出现的绝对位置,
// 可填入的属性为 'left', 'right', 'top', 'bottom',
// 位置设置为固定数值时,填写数字即可,默认单位为 px, 例如:12,
// 位置设置百分比时,默认填写格式为数字 + '%', 例如:'12%'。
// 默认值:right: 40, bottom: 50
// 同时设置 top & bottom 时,top 优先
// 同时设置 left & right 时,left 优先
position: {
bottom: 100, // 像素
top: '10%' // 百分比
},
点击“微信授权管理”可查看当前业务空间下的所有微信端授权;
点击“新增微信授权”新增微信授权,具体操作步骤如下;
step1: 配置域名&下载授权文件
在微信端完成域名配置和授权文件下载;
操作路径:小程序页面→开发管理→开发设置→业务域名,点击修改对应域名并完成下载校验文件。
step2: 新增授权信息
点击”新增授权微信“后,通过手机端扫码添加公众号/小程序扫码授权;
step3:上传授权文件
微信小程序需要上传之前下载的授权文件,微信公众号则不需要上传授权文件;
文件内容为第一步在微信端下载的校验文件,此处域名为自动生成。
step4:绑定关联渠道
把微信与机器人部署渠道做关联绑定。
注意:
1.已经授权过的公众号/小程序,扫码则会提示:该公众号/小程序在其他业务空间下已授权,请先解绑后再操作。图1
2.解除绑定后,授权信息、已关联的渠道和关联数据都会自动删除。
报错图示如下:
step5:部署
点击“部署”按钮才能生效哦,然后使用“独立页面部署”添加的链接就可以啦!
点击“支付宝授权管理”可查看当前业务空间下的所有支付宝端授权;
点击“新增支付宝授权”可新增业务空间内支付宝授权;
step1:新增域名&下载授权文件
在支付宝端完成域名配置和授权文件下载
step2:新增支付宝小程序
点击“新增支付宝小程序”,填写支付宝端appid和对应账号名称。
step3:上传授权文件
上传支付宝端下载的校验文件。
step4:关联当前已部署好的渠道
step5:部署
点击“部署”按钮才能生效哦,然后使用“独立页面部署”添加的链接就可以啦!
点击“抖音授权管理”可查看当前业务空间下的所有抖音端授权;
点击“新增抖音小程序”可新增业务空间内抖音授权;
step1:新增抖音小程序:
点击“新增抖音小程序”,填写抖音开放平台账号名称和对应AppID。
step2:上传授权文件
上传抖音端下载的授权文件。
step3:域名配置
务必将“域名配置栏”的域名配置到抖音小程序的“h5域名配置”中
抖音侧配置路径:控制台→我的应用→打开小程序→小程序配置页点击“前往配置”→点击“开发配置”→“服务器域名”→在“request合法域名”里添加配置。
step4:关联当前已部署好的渠道
step5:部署
点击“部署”按钮才能生效哦。然后使用“独立页面部署”添加的链接就可以啦!
H5聊天窗默认支持游客身份访问,为了防刷,游客访问时需要进行安全校验;倘若进行了“获取用户登录token”的api接入,可实现用户进入聊天窗免登获取token;以带访客信息的身份咨询,将无需安全校验。
api接入操作文档见:。
访客名片显示用户昵称,需要先进行“获取用户登录token”的api接入,未接入前,咨询用户均以游客身份咨询,接入后,可实现用户进入聊天窗免登获取token,访客名片将显示用户昵称。
api接入操作文档见:。
游客身份访问时会生成一个临时token,token有效期8小时,8小时后聊天记录会自动清除;如需要聊天记录长时间保存,可进行“获取用户登录token”的api接入,可实现用户进入聊天窗免登获取token,聊天记录将长期保留。
api接入操作文档见:。
消息头
消息体
Message Schema(消息内容)
消息类型
1)文本消息
2)图片
3)富文本消息
4)视频消息
5)指令消息
6)卡片消息
7)系统消息
替换加粗红色字体部分可查看其他表情包,更多表情包见“6.表情包合集”; wwEmoji 例如:'天使': '023' 表情包地址:
展示:
xmEmoji 例如:'开心': '006' 表情包地址:
tbEmoji 例如:"飞吻":"008", 表情包地址:
展示:
下图中的“新增渠道应用”目前没有设置上限。
支持的哦~联想输入效果:用户咨询手动输入问题时,自动根据知识库配置问法推荐相关问题供用户点选(见下图),降低用户输入成本的同时提升问题解决率。
可以编辑的,“独立页面部署”区域右侧“设置”入口点击,就可以可进入“配置url卡片内容”页面
您可以进入“渠道管理”—“服务界面设置”—“基础样式”版块进行调整,目前移动端仅支持自定义顶部的标题文案、文案颜色及标题背景色,修改后同步在pc端生效,如pc端不想共用此效果,可点击“自定义样式”上传图片覆盖。
同时,pc端支持修改窗口大小及背景图。
您可按以下步骤在渠道部署中传入外部变量:
假设外部变量为test。
将外部变量前增加_biz_作为query的key,将key和变量的值一起拼接到渠道部署的链接上,例如_biz_test=aaa。
假设渠道部署的链接是:https://chatbot.aliyuncs.com/intl/index.htm?locale=zh-CN&from=Vt9;
拼接后的链接:https://chatbot.aliyuncs.com/intl/index.htm?locale=zh-CN&from=Vt9&_biz_test=aaa