//坐席给访客发送纯文本类型消息
var standardData = {
easemob: {
kefu: {
sendMsg: {
msg: "我是纯文本消息", //访客端上屏文字
type: "txt" //消息类型，txt代表纯文本
}
}
}
};
window.parent.postMessage(standardData, "*")
=== 参数说明 ===
^参数^必须^说明^
|msg|是|纯文本消息。|
|type|是|消息类型，固定为txt类型，代表纯文本消息。|
==== 富文本消息 ====
消息体为json格式：
//坐席给访客发送简单的富文本类型消息
var standardData = {
easemob: {
kefu: {
sendMsg: {
msg: "[{\"type\":\"richText\",\"content\":\"您是否要咨询订单号为DDH20240818244221的订单
\"}]",
type: "txt"
}
}
}
};
window.parent.postMessage(standardData, "*")
=== 参数说明 ===
^参数^必须^说明^
|msg|是|纯文本消息的基础上，可以扩展为富文本消息，需要在消息外层增加“richText”类型。注：msg大小不能超过5000字，否则消息将无法存储，如果h5渠道富文本渲染不出来，可以联系商务为您确认下富文本渲染的功能是否已经给开启|
|type|是|消息类型，固定为txt类型。|
=== 访客端效果展示如下 ===
{{:cs:400systemintegration:环信客服云-自定义消息-富文本01.png?nolink|}}
==== 菜单列表/按钮类型消息 ====
消息体为json格式：
//坐席给访客发送富文本菜单列表/按钮类型消息，仅限于H5渠道可以使用，且msg里不可包含js逻辑
var standardData = {
easemob: {
kefu: {
sendMsg: {
msg: "[{\"type\":\"richText\",\"content\":\"\"}]",
type: "txt"
}
}
}
};
window.parent.postMessage(standardData, "*")
=== 参数说明 ===
^参数^必须^说明^
|msg|是|在富文本消息的基础上，可以扩展为特定的菜单列表/按钮类型的富文本消息，需要在外层div里增加dh_rich_text属性，且需要点击的按钮或菜单外层增加dh_option_list属性。。注：msg大小不能超过5000字，否则消息将无法存储|
|type|是|消息类型，固定为txt类型。|
=== 访客端菜单列表效果展示如下 ===
{{:cs:400systemintegration:环信客服云-自定义消息-富文本02-菜单列表.png?nolink|}}
=== 访客端按钮列表效果展示如下 ===
{{:cs:400systemintegration:环信客服云-自定义消息-富文本03-按钮列表.png?nolink|}}
==== 图文消息 ====
消息体为json格式：
//坐席给访客发送图文类型消息
var standardData = {
easemob: {
kefu: {
articles: [{
title: "Title",
description: "Description",
url: "URL",
picurl: "PIC_URL"
}]
}
}
};
window.parent.postMessage(standardData, '*');
=== 参数说明 ===
^参数^必须^说明^
|articles|是|图文消息，一个图文消息支持1到10条图文。|
|title|否|标题。|
|description|否|描述。|
|url|否|点击后跳转的链接。|
|picurl|否|图文消息的图片链接，支持JPG、PNG格式，较好的效果为大图640*320，小图80*80。如不填，在客户端不显示图片。|
==== 小程序卡片消息 ====
消息体为json格式：
var standardData = {
easemob: {
kefu: {
miniprogrampage: {
title: "Title",
pagePath:"pagePath",
thumbMediaId:"thumbMediaId",
thumbUrl:"thumbUrl"
}
}
}
};
window.parent.postMessage(standardData, '*');
=== 参数说明 ===
^参数^必须^说明^
|miniprogrampage|是|小程序卡片消息|
|title|是|卡片消息标题|
|pagePath|是|小程序的页面路径|
|thumbMediaId|是|小程序消息卡片的封面，image类型的media_id，通过[[https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/customer-message/customerServiceMessage.uploadTempMedia.html|微信上传素材接口]]上传图片文件获得，建议大小为 520*416|
|thumbUrl|是|小程序封面图片，用于工作台展示|
===== 常见问题说明 =====