访问手机版微赚网,免费手机赚钱软件大全,正规网络兼职,网上赚钱项目
你现在的位置:首页 » 微赚资讯 » 网赚技巧 » zblog多说评论插件显示系统、浏览器UA信息
07月21日

zblog多说评论插件显示系统、浏览器UA信息

作者 : 阳仔 | 分类 : 网赚技巧 | 超过 2886 人围观 | 已有 14 人发表了看法

zblog多说评论显示UA信息

  最近在一些博客上面看到了使用的多说评论显示了评论者的UA信息,能看到每一个评论者的所用的操作系统、以及浏览器,而且对于博客站长的回复更是加上了“管理员”或者“博主”的标签,非常不错,不过网上大多数的都是WordPress的教程,于是阳仔研究了一下,在此整理出一份Zblog利用多说评论显示UA的教程,当然了,只要看懂了教程,不管是zblog还是wordpress又或者是emlog都是可以触类旁通的。

  阳仔的zblog是使用了多说的插件的,并不是用的通用代码,在这里阳仔还是建议大家使用zblog应用中心的多说评论插件,因为使用通用代码很多调用评论的地方都要手动修改,而且每次查看评论数据还需要登录多说网站,安装多说评论插件之后就可以直接在网站后台操作很是方便。多说评论开启显示UA后的效果,直接看下面的评论就能看到效果了,如下图,就是图中红色箭头所指的效果了,在手机上面显示的时候会自动换行防止标签不完整。

zblog多说评论显示UA信息

  下面阳仔就讲解多说评论显示UA的方法,其实主要是本地化多说embed.js文件、自定义多说CSS。

本地化embed.js,添加识别UA的代码

  因为多说的embed.js文件中没有识别系统及浏览器UA信息的js,所以我们需要修改官方的js文件,并在调用多说评论js的时候调用修改过的JS文件。将官方的JS:

http://static.duoshuo.com/embed.js

保存好,打开在JS文件最上面添加如下识别UA的js代码:

//移动客户端判断开始
function checkMobile() {
    var isiPad = navigator.userAgent.match(/iPad/i) != null;
    if (isiPad) {
        return false;
    }
    var isMobile = navigator.userAgent.match(/iphone|android|phone|mobile|wap|netfront|x11|java|opera mobi|opera mini|ucweb|windows ce|symbian|symbianos|series|webos|sony|blackberry|dopod|nokia|samsung|palmsource|xda|pieplus|meizu|midp|cldc|motorola|foma|docomo|up.browser|up.link|blazer|helio|hosin|huawei|novarra|coolpad|webos|techfaith|palmsource|alcatel|amoi|ktouch|nexian|ericsson|philips|sagem|wellcom|bunjalloo|maui|smartphone|iemobile|spice|bird|zte-|longcos|pantech|gionee|portalmmm|jig browser|hiptop|benq|haier|^lct|320x320|240x320|176x220/i) != null;
    if (isMobile) {
        return true;
    }
    return false;
}
//移动客户端判断结束
//管理员判断开始
function sskadmin(e) {
    var ssk = '';
    if (e.user_id == 11885084) {
        if (checkMobile()) {
            ssk = '<span class="ua"><span class="sskadmin">管理员</span></span><br><br>';
        } else {
            ssk = '<span class="ua"><span class="sskadmin">管理员</span></span>';
        }
    } else {
        if (checkMobile()) {
            ssk = '<br><br>';
        }
    }
    return ssk;
}
//管理员判断结束
//显UA开始
function os(e) {
    var os = '';
    if (e.match(/win/ig)) {
        if (e.match(/nt 5.1/ig)) {
            os = '<span class="os_xp"><i class="fa fa-desktop"></i> Windows XP'
        } else if (e.match(/nt 6.1/ig)) {
            os = '<span class="os_7"><i class="fa fa-desktop"></i> Windows 7'
        } else if (e.match(/nt 6.2/ig)) {
            os = '<span class="os_8"><i class="fa fa-desktop"></i> Windows 8'
        } else if (e.match(/nt 6.3/ig)) {
            os = '<span class="os_8_1"><i class="fa fa-desktop"></i> Windows 8.1'
        } else if (e.match(/nt 10.0/ig)) {
            os = '<span class="os_8_1"><i class="fa fa-desktop"></i> Windows 10'
        } else if (e.match(/nt 6.0/ig)) {
            os = '<span class="os_vista"><i class="fa fa-desktop"></i> Windows Vista'
        } else if (e.match(/nt 5/ig)) {
            os = '<span class="os_2000"><i class="fa fa-desktop"></i> Windows 2000'
        } else {
            os = '<span class="os_windows"><i class="fa fa-desktop"></i> Windows'
        }
    } else if (e.match(/android/ig)) {
        os = '<span class="os_android"><a href="https://wzhuan.com/category/shoujizhuanqian/" target="_blank" style="color:#FFFFFF!important;"><i class="fa fa-android"></i> Android</a>'
    } else if (e.match(/ubuntu/ig)) {
        os = '<span class="os_ubuntu"><i class="fa fa-desktop"></i> Ubuntu'
    } else if (e.match(/linux/ig)) {
        os = '<span class="os_linux"><i class="fa fa-linux"></i> Linux'
    } else if (e.match(/mac/ig)) {
        os = '<span class="os_mac"><i class="fa fa-desktop"></i> Mac OS X'
    } else if (e.match(/unix/ig)) {
        os = '<span class="os_unix"><i class="fa fa-desktop"></i> Unix'
    } else if (e.match(/symbian/ig)) {
        os = '<span class="os_nokia"><i class="fa fa-mobile"></i> Nokia SymbianOS'
    } else {
        os = '<span class="os_other"><i class="fa fa-desktop"></i> 其它操作系统'
    }
    return os + "</span>";
}
function ua(e) {
    var r = new Array;
    var outputer = '';
    if (r = e.match(/FireFox\/([^\s]+)/ig)) {
        var r1 = r[0].split("/");
        outputer = '<span class="ua_firefox"><i class="fa fa-globe"></i> Mozilla FireFox' + '|' + r1[1]
    } else if (r = e.match(/Maxthon([\d]*)\/([^\s]+)/ig)) {
        var r1 = r[0].split("/");
        outputer = '<span class="ua_maxthon"><i class="fa fa-globe"></i> Maxthon'
    } else if (r = e.match(/BIDUBrowser([\d]*)\/([^\s]+)/ig)) {
        var r1 = r[0].split("/");
        outputer = '<span class="ua_ucweb"><i class="fa fa-globe"></i> 百度浏览器' + '|' + r1[1]
    } else if (r = e.match(/UBrowser([\d]*)\/([^\s]+)/ig)) {
        var r1 = r[0].split("/");
        outputer = '<span class="ua_ucweb"><i class="fa fa-globe"></i> UCBrowser' + '|' + r1[1]
    } else if (r = e.match(/UCBrowser([\d]*)\/([^\s]+)/ig)) {
        var r1 = r[0].split("/");
        outputer = '<span class="ua_ucweb"><i class="fa fa-globe"></i> UCBrowser' + '|' + r1[1]
    } else if (r = e.match(/MetaSr/ig)) {
        outputer = '<span class="ua_sogou"><i class="fa fa-globe"></i> 搜狗浏览器'
    } else if (r = e.match(/2345Explorer/ig)) {
        outputer = '<span class="ua_2345explorer"><i class="fa fa-globe"></i> 2345王牌浏览器'
    } else if (r = e.match(/2345chrome/ig)) {
        outputer = '<span class="ua_2345chrome"><i class="fa fa-globe"></i> 2345加速浏览器'
    } else if (r = e.match(/LBBROWSER/ig)) {
        outputer = '<span class="ua_lbbrowser"><i class="fa fa-globe"></i> 猎豹安全浏览器'
    } else if (r = e.match(/MicroMessenger\/([^\s]+)/ig)) {
        var r1 = r[0].split("/");
        outputer = '<span class="ua_qq"><i class="fa fa-weixin"></i> 微信' + '|' + r1[1]
        /*.split('/')[0]*/
    } else if (r = e.match(/QQBrowser\/([^\s]+)/ig)) {
        var r1 = r[0].split("/");
        outputer = '<span class="ua_qq"><i class="fa fa-globe"></i> QQ浏览器' + '|' + r1[1]
        /*.split('/')[0]*/
    } else if (r = e.match(/QQ\/([^\s]+)/ig)) {
        var r1 = r[0].split("/");
        outputer = '<span class="ua_qq"><i class="fa fa-globe"></i> QQ浏览器' + '|' + r1[1]
        /*.split('/')[0]*/
    } else if (r = e.match(/MiuiBrowser\/([^\s]+)/ig)) {
        var r1 = r[0].split("/");
        outputer = '<span class="ua_mi"><i class="fa fa-globe"></i> Miui浏览器' + '|' + r1[1]
        /*.split('/')[0]*/
    } else if (r = e.match(/Chrome([\d]*)\/([^\s]+)/ig)) {
        var r1 = r[0].split("/");
        outputer = '<span class="ua_chrome"><i class="fa fa-globe"></i> Chrome' + '|' + r1[1]
        /*.split('.')[0]*/
    } else if (r = e.match(/safari\/([^\s]+)/ig)) {
        var r1 = r[0].split("/");
        outputer = '<span class="ua_apple"><i class="fa fa-globe"></i> Apple Safari' + '|' + r1[1]
    } else if (r = e.match(/Opera[\s|\/]([^\s]+)/ig)) {
        var r1 = r[0].split("/");
        outputer = '<span class="ua_opera"><i class="fa fa-globe"></i> Opera' + '|' + r1[1]
    } else if (r = e.match(/Trident\/7.0/gi)) {
        outputer = '<span class="ua_ie"><i class="fa fa-globe"></i> Internet Explorer 11'
    } else if (r = e.match(/MSIE\s([^\s|;]+)/gi)) {
        outputer = '<span class="ua_ie"><i class="fa fa-globe"></i> Internet Explorer' + '|' + r[0]
        /*.replace('MSIE', '').split('.')[0]*/
    } else {
        outputer = '<span class="ua_other"><i class="fa fa-globe"></i> 其它浏览器'
    }
    if (checkMobile()) {
        Mobile = '<br><br>';
    } else {
        Mobile = '';
    }
    return outputer + "</span>" + Mobile;
}

//显UA结束

  需要注意的是,上面的判断管理员语句中e.user_id == 11885084,该数字需要改成你自己的多说ID,多说ID获取方式:登录多说网站后台点击自己的昵称,浏览器地址栏的数字就是多说ID。

  如果嫌上面的步骤,保存官方js修改麻烦的,可以直接使用微赚博客修改好的JS:embed.js

  直接下载修改JS文件中的多说ID即可。

  修改好JS之后上传到网站目录中,然后把多说评论加载时的JS改为我们修改好的JS,zblog的多说插件修改js方法:进入网站FTP管理,将zb_users/plugin/duoshuo/目录下的duoshuo.class.php文件打开,将文件中的官方JS地址:http://static.duoshuo.com/embed.js修改为我们前面上传的JS地址,比如本站修改好的JS地址是https://wzhuan.com/zb_users/plugin/duoshuo/embed.js,修改之后保存,上传duoshuo.class.php文件并覆盖原文件。

修改多说自定义CSS

  JS修改好之后,直接进入多说评论的后台,在多说设置的自定义CSS框中(如下图)输入下面的CSS代码。

zblog多说评论显示UA信息

/*多说UA开始*/
span.ua{
	margin: 0 1px!important;
	color:#FFFFFF!important;
	/*text-transform: Capitalize!important;
	float: right!important;
	line-height: 18px!important;*/
}
.ua_other.os_other{
	background-color: #ccc!important;
	color: #fff;
	border: 1px solid #BBB!important;
	border-radius: 4px;
}
.ua_ie{
	background-color: #428bca!important;
	border-color: #357ebd!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.ua_firefox{
	background-color: #f0ad4e!important;
	border-color: #eea236!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.ua_maxthon{
	background-color: #7373B9!important;
	border-color: #7373B9!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.ua_ucweb{
	background-color: #FF740F!important;
	border-color: #d43f3a!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.ua_sogou{
	background-color: #78ACE9!important;
	border-color: #4cae4c!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.ua_2345explorer{
	background-color: #2478B8!important;
	border-color: #4cae4c!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.ua_2345chrome{
	background-color: #F9D024!important;
	border-color: #4cae4c!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.ua_mi{
	background-color: #FF4A00!important;
	border-color: #4cae4c!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.ua_lbbrowser{
	background-color: #FC9D2E!important;
	border-color: #4cae4c!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.ua_chrome{
	background-color: #EE6252!important;
	border-color: #4cae4c!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.ua_qq{
	background-color: #3D88A8!important;
	border-color: #4cae4c!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.ua_apple{
	background-color: #E95620!important;
	border-color: #4cae4c!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.ua_opera{
	background-color: #d9534f!important;
	border-color: #d43f3a!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
 
 
.os_vista,.os_2000,.os_windows,.os_xp,.os_7,.os_8,.os_8_1 {
	background-color: #39b3d7!important;
	border-color: #46b8da!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
 
.os_android {
	background-color: #98C13D!important;
	border-color: #01B171!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.os_ubuntu{
	background-color: #DD4814!important;
	border-color: #01B171!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.os_linux {
	background-color: #3A3A3A!important;
	border-color: #1F1F1F!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.os_mac{
	background-color: #666666!important;
	border-color: #1F1F1F!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.os_unix{
	background-color: #006600!important;
	border-color: #1F1F1F!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.os_nokia{
	background-color: #014485!important;
	border-color: #1F1F1F!important;
	border-radius: 4px;
	padding: 0 5px!important;
}
.sskadmin{
background-color: #00a67c!important;
	border-color: #01B171!important;
	border-radius: 4px;
	padding: 0 5px!important;
 
}
/*多说UA结束*/

  完成以上步骤,大功告成,赶快看看评论是否有变化吧。说明:教程如有不明白的地方,请直接在下面留言,阳仔看到了一定会耐心解答。

上一篇:【最高可赚73元】手机玩微信游戏送红包 下一篇:怎么在网上赚钱?正规的网上赚钱方法

已有14位网友发表了看法:

1#小G乐园      4年前 (2017-01-25) 回复
感觉浏览器型号不对[吃惊]
2#小G乐园      4年前 (2017-01-25) 回复
赞一个[哈哈]
3#微赚网      4年前 (2017-01-25) 回复
哈哈,样式以及显示的效果都可以用CSS修改的
4#脚丫网赚      4年前 (2017-01-25) 回复
名字后面乱七八糟的,个人感觉华而不实,显示管理员还是比较实用的。
4#评论者      4年前 (2017-01-25) 回复
单独手机模版和之前不冲突么,我的模版也都是调用了YTCMS
5#评论者      4年前 (2017-01-25) 回复
技术文章 收藏了
6#微赚网      4年前 (2017-01-25) 回复
额,ASP版的木有这个插件,你只能使用zblog自带的wap页面了。PS:建议把zb改成php的吧,asp版已经慢慢被官方抛弃了,php以后会是主流开发者也多,而且php+mysql的效率要比asp的高很多
6#微赚网      4年前 (2017-01-25) 回复
可能是我没说清楚吧,一步步弄过来其实还是比较简单的
7#评论者      4年前 (2017-01-25) 回复
关键我是ASP版本 还可以么
8#微赚网      4年前 (2017-01-25) 回复
zblog的应用中心有zsx的“双主题”插件,可以指定电脑一个主题,手机一个主题的
9#评论者      4年前 (2017-01-25) 回复
单独手机模版和之前不冲突么,我的模版也都是调用了YTCMS
10#微赚网      4年前 (2017-01-25) 回复
可能是我没说清楚吧,一步步弄过来其实还是比较简单的

发表评论

必填

选填

选填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

精选手机赚钱项目>>
最近发表
精选手机赚钱项目>>
网站地图 | 广告投放 2014-2020 © 微赚网