在页面中使用客服消息

小程序 button 组件提供了 open-type 属性来供开发者调用百度 APP 的开放能力,若开发者需要使用客服能力,需要将 open-type 属性的值设置为 contact,当用户点击该按钮时就会打开客服会话,如果用户在会话中点击消息卡片后返回小程序,开发者可以从 bindcontact 回调中获得具体的信息。

代码示例

在开发者工具中打开

在开发者工具中打开

在 WEB IDE 中打开

  • SWAN
  • JS
  1. <button open-type="contact" bindcontact="contactCB">点击进入客服页面</button>
  1. // 使用前,需要将 project.swan.json 里 appid 的 value 替换为线上小程序,才能体验完整的功能,测试appid:11182003
  2. Page({
  3. contactCB(e) {
  4. // 输出:{errMsg: 'enterContact:ok'}
  5. console.log(e.detail);
  6. // 进入客服会话页面成功,可进行自己的业务逻辑
  7. if (e.detail.errMsg === 'enterContact:ok') {
  8. swan.reportAnalytics('userMessage', {
  9. visit: 1,
  10. message: '进入客服页面PV'
  11. });
  12. }
  13. // 可进行一些进入失败的业务逻辑
  14. else {
  15. swan.reportAnalytics('userMessage', {
  16. visit: 0,
  17. message: '进入客服页面失败损失PV'
  18. });
  19. }
  20. }
  21. });

返回参数说明

参数类型说明
detailObject小程序消息的详细信息,{errMsg: ’enterContact:ok’}表示进入客服页面成功