织梦dedecms添加在线客服代码的方法,如何整合在线客服

之前分享过一个方法,但有点复杂,刘旭今天再分享一个更简单的方法。

织梦dedecms如何添加漂浮在线客服代码

首先去百度下载自己喜欢的在线客服代码

下载后的文件包含一个静态页html,一个images图片文件夹,一个css文件夹,一个js文件夹

这个时候我们可以新建一个空文件夹命名为kefu,把images、css、js这三个文件夹都移到kefu里,index.html就命名为kefu.htm

把kefu文件夹放到自己的网站的任意位置,建议放到网站WEB的根目录里。

再把kefu.htm文档放到我们网站的模板文件夹里就可以了,我的是\templets\default2055\

然后我们再处理下kefu.htm里的css、js、images的调用路径

例如:

<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>

改为:

<link href="/kefu/css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/kefu/js/jquery-1.9.1.min.js"></script>

记得路径前面要加 /

如果我们想网站的每个页面都展示在线客服,我们只需要在footer.htm公共模板的最下面那里调用kefu.htm就可以了

调用代码:

{dede:include filename="kefu.htm"/}

常见问题总结:

1)如果您网站已经加载了JQ jquery库文件,则kefu.htm文件里不需要重复添加script的调用代码,以免冲突。

2)文件调用路径,记得前面要加 / ,如<link href="/目录/文件.css"  type="text/css" /> 而不是 <link href="目录/文件.css"  type="text/css" />

3:文章的这个用不上,有些JS文件的调用代码需要放在代码后,而不是全部放在首页模板文件index.htm里面的<head></head>之间。如这个案例中 <script type="text/javascript" src="/js/lrtk.js"></script>,需要放在script代码的最后一个。

以下是评论可见内容(未评论)此处内容已隐藏……,需要先评论后才可以查看!

本博客所有文章如无特别注明均为原创。作者:liuxu复制或转载请以超链接形式注明转自 刘旭博客
扫码关注刘旭SEO微信公众号,原文地址《织梦dedecms添加在线客服代码的方法,如何整合在线客服

上一篇:织梦dedecms如何添加漂浮在线客服代码

下一篇:PotPlayer 配置导出导入及视频文件关联设置方法

分享到:更多

相关推荐

发表评论

路人甲 表情
Ctrl+Enter快速提交

网友评论(0)