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

刘旭也是一个新手,刚学会这方法,分享给大家,讲解下织梦添加漂浮客服的方法,方法大多都一样,大家需要了解漂浮客服代码使用技巧,举一反三,看懂后可以随便套用。

1:找一个合适的漂浮客服代码,这种漂浮客服代码到哪里去找呢?可以到百度搜漂浮客服代码,这种漂浮客服代码是独立的。如果您想装在线沟通客服则需要你们终端安装软件,然后获取代码放到模板代码中,这里不做讲解。

2:下载漂浮客服代码,先在本地打开测试下是否可用。这里我举例一下我亲测的案例,http://www.lanrentuku.com/js/kefu-1207.html 这个客服代码,把它下载。



3:把css、js、images、这些文件夹上传到网站WEB根目录下。

4:代码调用部分包括:CSS样式调用、JS文件调用、index.html文档里面的代码部分调用。

CSS、JS调用代码(红色圈内)放在您网站模板<head>与</head>之间调用如:

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

注意调用代码路径前面要加 /

加了路径 / 的代码是:

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

其他的漂浮客服代码CSS、JS调用代码可能不止这两个,正常来说都说link和script的。



5:客服代码调用如下图所示,复制代码放在首页模板文件index.htm的<body></body>之间,一般我们常放在公用底部模板footer.htm的最下面(如果没有公共模板,则需要每个模板都加)。



注意:只想首页显示就把代码加在首页模板文件index.htm里面,如果想整站显示就加在公用底部模板footer.htm的最下面。

如果把代码加在公用底部模板footer.htm后,显示错位的话,就要把CSS调用代码也加到footer.htm里面,如下图:



6:然后登录您网站后台生成,打开前台就可以了。

7:常见问题总结:

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

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

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

8:大概使用方法:

1、在head区域引入样式表文件lrtk.css

2、在head区域引入jquery-1.9.1.min.js

3、在你的公用底部模板footer.htm网页中加入 <!-- 代码 开始 --> <!-- 代码 结束 --> 注释区域代码即可,注意调用的客服代码JS要放在后面。


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

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

上一篇:织梦dedecms编辑器发布添加优酷、腾讯、爱奇艺视频方法

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

分享到:更多

相关推荐

发表评论

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

网友评论(0)