会员登录|免费注册|忘记密码|管理入口 返回主站||保存桌面|手机浏览|联系方式|购物车
3. 选择“微信(公众号/小程序)h5部署”
2024-12-16IP属地 湖北1

您可选择将已经设置好的机器人以H5应用类型部署到各个渠道,比如自家官网、微信小程序等,目前支持:网页/自研app、微信(公众号/小程序)、支付宝(小程序)。

1)点击“生成新部署地址”,也就是承接服务的咨询页面地址,最多可生成5个。注:如您已进行获取用户登录token的操作,请在url拼接上token信息(举例:http://......from=xxx&_user_access_token=xxx),再部署到渠道页面中,token需要后端服务调用接口进行生成。

2)给生成的地址命名,用于区分在不同页面部署的服务入口,后期可以进行数据分析。注:假如部署后进入不了聊天窗,建议检查网络是否加了代理之类。

3)生成的地址要部署到哪里,就把链接部署到指定页面的服务入口(参考下图),点击可跳转服务窗口

3. 选择“微信(公众号/小程序)h5部署”

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端支持修改窗口大小及背景图。

您可按以下步骤在渠道部署中传入外部变量:

  1. 假设外部变量为test。

  2. 将外部变量前增加_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