IT618

 找回密码
 立即注册
查看: 6980|回复: 0

【it618在线客服】使用教程

[复制链接]
<

267

主题

49

回帖

3087万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
30870271
发表于 2016-3-18 09:50:09 | 显示全部楼层 |阅读模式
很漂亮大气,非常实用的带有信息区、对话区(QQ、旺旺、QQ群、YY频道、YY群)、联系区(QQ邮我)、图片区与媒体区的在线客服。50项设置(窗口宽度、边距、智能最小化正常状态、字体颜色大小、标题与内容前后显示等)、多风格,让你DIY。由于本插件是全js方式输出,所以不会影响应用网站的权重。缓存机制让性能更优化。

可能会用到以下教程:
您的“QQ在线状态”尚未启用的解决方法
QQ在线临时聊天有的为什么一定加为好友或不能聊天?


一、在线QQ图片风格
1.jpg

应用用户要求添加了以下几个风格:
2.jpg

二、旺旺账号的生成码获取方法:
1、在image/ww.htm上,生成出旺旺在线代码
2、然后在代码里取出uid部分
例如:阿里旺旺帐号名为淘小二
生成的代码如下(红色部分都是账号的生成码,随便取一个就可以了):
<a target="_blank" href="http://www.taobao.com/webww/ww.php?ver=3&touid=%E6%B7%98%E5%B0%8F%E4%BA%8C&siteid=cntaobao&status=1&charset=utf-8"><img border="0" src="http://amos.alicdn.com/realonline.aw?v=2&uid=%E6%B7%98%E5%B0%8F%E4%BA%8C&site=cntaobao&s=1&charset=utf-8" alt="点击这里给我发消息" /></a>
注意:一定要取红色部分

那么在线客服后台设置可以这样填写:旺旺标题1=%E6%B7%98%E5%B0%8F%E4%BA%8C
图示:
3.png

三、QQ群设置方法
由于腾讯开发了一键加群组件,设置方法与以前不同,可以通过以下网址http://wp.qq.com/group.html获取idkey
4.jpg
5.jpg
以上红框内的字符串就是QQ群idkey
可以设置多个QQ群并且可以带标题,如想换行可以在==前加<br>,格式如下(标题=={QQ群账号,QQ群idkey}):
VIP站长群(76908020)=={76908020,d978912b064b562162abcddd7beeb32ceb597146c910cc5e0ee9bed385b539a4}

四、微博微信设置方法
新浪微博设置方法:
由于在线客服只是接入“关注按钮”组件,进入此页面http://open.weibo.com/widget/followbutton.php,没有新浪微博账号可以注册一个,有的话可以直接填入“要关注的用户昵称”
6.jpg
由于新浪微博格式为:标题=={账号,风格}
账号就是红框里的,风格就是蓝框里的。如:新浪微博1=={3340327804,red_4},你可以通过设置上面的红蓝大框来调整,下面的小框内容也会变化。

腾讯微博设置方法:
由于在线客服只是接入“收听组件”,进入此页面http://dev.t.qq.com/websites/followcomp?explain=1,可以直接通过QQ账号登录,填写你的网站名称与网站地址。
7.jpg
代码界面如下:
8.jpg

由于腾讯微博格式为:标题=={地址,宽,高}
地址是红框里的,宽与高是蓝框里的,如:腾讯微博1=={http://follow.v.t.qq.com/index.php?c=follow&a=quick&name=dujun0618&style=3&t=1366684195486&f=1,208,20}

微信设置方法:
格式为:标题==微信扫描二维码图片地址(可以引用外网图片也可以上传图片到空间再引用)
二维码可以是个人的也可以是微信公众平台

五、联系区带链接的邮件设置方法
标题={标识,账号生成码,风格,文字}

标题:就是显示在生成图片的前面文字说明
标识:识别QQ邮我的,如果不正确程序不能生成代码,标识是qqemail
账号生成码:下图红色框内部分,注意一定不要全部复制里面的代码,不然会出错的
生成码生成方法:thread-1600-1-1.html
9.jpg
风格:QQ提供了6种图片风格,风格编号如下图所示:
10.jpg
文字:只有当风格填7时才起作用,不是文字风格时,可以不用填

示例:
联系站长={qqemail,6tjd3tnT2d3S3qqbm8SJhYc,01,}
联系站长={qqemail,6tjd3tnT2d3S3qqbm8SJhYc,7,给我发QQ邮件}

普通带链接邮箱的设置方法:
标题={标识,邮箱地址}

示例:
联系站长={email,admin@163.com}

六、媒体区音乐与视频地址获取方法
11.jpg
音视频地址是一个URL地址,如果是一个flash地址时,那么外观显示的是flash,其它的地址显示Media播放器。
我这里讲讲如何获取地址:
1、音乐地址
可以在百度音乐里找到一首你喜欢的歌,然后点“下载”,会出来下载页面,再在下载按钮上右键“属性”,就可以在属性窗口里复制地址
12.jpg

2、视频地址
可以在优酷视频里找到一个你喜欢的视频,然后进入播放页后,点下图所示位置,就可以复制flash地址了。
13.jpg


七、窗口颜色风格编号选择
12.png
上图窗口风格设置项,只用填风格对应编号

由于颜色太多,只提供常见的颜色,如果想要特殊的颜色风格,请与作者联系。

14.jpg



回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|插件教程|常见问题|扫码访问手机版|IT618

GMT+8, 2024-4-26 11:14

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表