Udesk即时通讯（IM）网页插件入门

最新推荐文章于 2023-02-16 00:15:39 发布

udesk小能手

最新推荐文章于 2023-02-16 00:15:39 发布

阅读量1.4k

点赞数

分类专栏： Udesk即时通讯

本文链接：https://blog.csdn.net/zczhangzhenqi/article/details/108780473

版权

Udesk即时通讯专栏收录该内容

24 篇文章 3 订阅

订阅专栏

作者：张振琦

Udesk能够支持APP，微信，企业微信，微信小程序，微博，web页面，六大即时通讯渠道。

web渠道只需要管理员在后台建立即时通讯网页插件，然后将代码嵌入网页即可实现。在此基础上，还提供灵活丰富的自定义功能，包括自定义对话按钮、对话窗口，并设置导航、留言等。

即时通讯网页插件，在【管理中心】-【渠道管理】-【即时通讯】-【网页插件】下，点击新建网页插件按钮即可。

在这里插入图片描述
在弹窗中填写名称和备注，点击“确定”。

在这里插入图片描述
之后在已创建网页插件列表中，找到新建的网页插件，点击后面的“管理”，就可进入该网页插件的管理页面。

在这里插入图片描述
管理页面包含六个选项卡：基本信息、按钮设置、窗口设置、邀请设置、导航菜单、其他设置

基本信息包括名称、备注、插件代码、专用链接、指定客服组、指定客服、自定义渠道、语言以及添加用户信息的KEY等内容。
按钮设置分为桌面网站设置和移动网站设置。
窗口设置包括web窗口自定义、无消息对话过滤已经窗口上的按钮等信息。
邀请设置分为桌面网站设置和移动网站设置。
导航菜单可以设置客服导航信息，根据不同业务选择不同的客服组或客服。
其他设置包括人工工作时间、Urobot机器人、留言及询前表单等设置。

在基本信息中，给了一段插件代码，我们只需要把这段添加代码添加到网页body标签中即可。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>IM</title>
	</head>
	<body>
		<script>
			(function(a,h,c,b,f,g){a["UdeskApiObject"]=f;a[f]=a[f]||function(){(a[f].d=a[f].d||[]).push(arguments)};g=h.createElement(c);g.async=1;g.charset="utf-8";g.src=b;c=h.getElementsByTagName(c)[0];c.parentNode.insertBefore(g,c)})(window,document,"script","https://assets-cli.udesk.cn/im_client/js/udeskApi.js","ud");
			ud({
				"code": "你的code",
				"link": "的link"
			});
		</script>
	</body>
</html>

访问此网页，即可看到即时通讯按钮。点击后即可与客服通讯。
PC效果：
在这里插入图片描述

移动端效果：

在基本信息中还有一个专用链接，可以直接在浏览器打开或者嵌入到网页的iframe里，可以打开与客服的对话窗口。专用链接的用处非常广泛，以后再详细介绍。

在这里插入图片描述

至此，我们已经完成了创建即时通讯网页插件，并可以在网页上进行显示。

udesk小能手

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Udesk即时通讯（IM）网页插件入门

作者：张振琦Udesk能够支持APP，微信，企业微信，微信小程序，微博，web页面，六大即时通讯渠道。web渠道只需要管理员在后台建立即时通讯网页插件，然后将代码嵌入网页即可实现。在此基础上，还提供灵活丰富的自定义功能，包括自定义对话按钮、对话窗口，并设置导航、留言等。即时通讯网页插件，在【管理中心】-【渠道管理】-【即时通讯】-【网页插件】下，点击新建网页插件按钮即可。在弹窗中填写名称和备注，点击“确定”。之后在已创建网页插件列表中，找到新建的网页插件，点击后面的“管理”，就可进入该网页.
复制链接

扫一扫