作者:张振琦
最近接到了一个客户工单,咨询是否可以在即时通讯的聊天窗口里发送商品信息。Udesk即时通讯网页插件是提供了这个功能的,叫做咨询对象。我也整理了一下,网页插件实现发送咨询对象可分为三种方式:使用内嵌代码、使用专用链接、使用消息区。分三篇来介绍,本篇先来看如何使用内嵌代码来实现发送咨询对象。
网页插件如何使用可以参考以下文章:
《Udesk即时通讯(IM)网页插件入门》
《Udesk 即时通讯网页插件客户身份认证(一、Java签名篇)》
《Udesk 即时通讯网页插件客户身份认证(二、插件传入篇)》
咨询对象-参数说明
名称 | 值 | 说明 |
---|---|---|
title | String | 标题 |
url | String | 跳转页的链接地址 |
image | String | 显示图片地址 |
send | true或false | 为true时,咨询对象下方会出现发送按钮,点击发送会将当前咨询对象作为商品消息发送给客服 |
<自定义参数> | 可定义多个自定义参数,可为中文 |
调用接口示例
ud({
product: {
title: "Apple iPhone 7",
url: "http://item.jd.com/3133829.html?cu=true&utm_source…erm=9457752645_0_11333d2bdbd545f1839f020ae9b27f14",
image: "http://img14.360buyimg.com/n1/s450x450_jfs/t3157/63/1645131029/112074/f4f79169/57d0d44dN8cddf5c5.jpg",
"价格": "¥6189.00",
"促销价": "¥6188.00"
}
});
这块需要注意的是,咨询对象的内容要在控件初始化前设置,否则不会生效。但是设置客户参数会刷新控件,基于这个特性,如果业务存在不能在初始化前配置咨询对象,或者单个页面内有多个商品时,可以在设置咨询对象的同时设置客户参数,如果没有做客户身份认证,可以传空。详细内容可以参考如下代码,代码实现了一个页面内,两个商品信息,还使用了网页插件的辅助按钮选择器。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>IM</title>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<style>
.product {
width:200px;
float