您现在的位置是:首页 > Javascript
当前栏目
如何在H5页面或者移动端Uniapp/vue中接入在线客服系统,h5客服系统的接入方法
2023-03-07 09:09:20 时间
通过嵌入JS代码的方式
UniApp是一个使用 Vue.js 框架开发的跨平台应用程序,可以在 iOS、Android、H5、微信小程序、支付宝小程序、字节跳动小程序等多个平台上运行。
如果要在 UniApp 中接入第三方客服代码
如果要在 UniApp 中接入第三方客服系统(比如唯一客服系统gofly.v1kf.com),需要遵循以下步骤:
- 在官网注册账号,并创建客服项目。
- 获取客服代码,在项目的vue文件 中粘贴对应的代码。
例如在mounted函数中直接粘贴js代码
(function(a, b, c, d) {
let h = b.getElementsByTagName('head')[0];let s = b.createElement('script');
s.type = 'text/javascript';s.src = c+"/static/js/kefu-front.js";s.onload = s.onreadystatechange = function () {
if (!this.readyState || this.readyState === "loaded" || this.readyState === "complete") d(c);
};h.appendChild(s);
})(window, document,"https://gofly.v1kf.com",function(u){
KEFU.init({
KEFU_URL:u,
KEFU_KEFU_ID: "taoshihan",
KEFU_ENT: "5",
})
});
通过跳转H5聊天链接的形式
页面内需要添加好一个客户咨询按钮,然后在客服咨询按钮点击后跳转到H5客服聊天页面,用户可以在H5页面进行问题咨询,如下图示界面
通过自行编写页面代码对接后端接口的形式
这样整个页面的样式是可控的,所有前端都是自行实现
可以参考页面前端代码
相关文章
- 什么样的链接是好链接?哪些链接是优质链接?
- SEO是免费的吗?做SEO需要什么成本?
- SEO是不进则退的,唯有持之以恒才能维护排名
- 站长中国
- SEO不仅仅是排名这么简单,还有这些你需要了解
- HarmonyOS实战——TextField文本输入框组件基本使用
- HarmonyOS实战——ProgressBar进度条组件基本使用
- 如何判断一个网站的整体优化情况?
- 网站建设外包公司
- 域名备案号
- HarmonyOS实战——TickTimer定时器组件基本使用
- HarmonyOS实战——Clock组件的基本使用
- 前端常用正则
- HarmonyOS实战——ToastDialog组件基本使用
- springboot 学习与回顾–使用起步依赖&覆盖起步依赖引入的依赖
- 将VUE项目部署到ECS服务器上
- 小型网站
- 外链建设
- 网站关键词排名第一了,是否意味着网站不需要再进行更新?
- 便宜空间