最近有站长说我的多说广告位挺不错的，看其他博客折腾的多说就是显UA，我这个还能让不同UA（浏览器信息）为我推荐不同项目，感觉：哎呦，不错哦！
其实也没什么，分钱榜就做回“分享榜”来说说是怎么实现的吧。
要实现这个首先要保证多说核心脚本embed.js已经本地化，没有本地化的同学请参考《最新多说本地化教程及多说个性化显示UA/管理员》这篇文章实现多说本地化再来。
本地化后，打开embed.js，在最顶部添加如下显示UA代码：
- //显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> Win XP’
- } else if (e.match(/nt 6.1/ig)) {
- os = ‘<span class=“os_7”><i class=“fa fa-desktop”></i> Win 7′
- } else if (e.match(/nt 6.2/ig)) {
- os = ‘<span class=“os_8”><i class=“fa fa-desktop”></i> Win 8′
- } else if (e.match(/nt 6.3/ig)) {
- os = ‘<span class=“os_8_1”><i class=“fa fa-desktop”></i> Win 8.1′
- } else if (e.match(/nt 10.0/ig)) {
- os = ‘<span class=“os_8_1”><i class=“fa fa-desktop”></i> Win 10′
- } else if (e.match(/nt 6.0/ig)) {
- os = ‘<span class=“os_vista”><i class=“fa fa-desktop”></i> Win Vista’
- } else if (e.match(/nt 5/ig)) {
- os = ‘<span class=“os_2000”><i class=“fa fa-desktop”></i> Win 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=“http://www.fenqianbang.com/sjwz” 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’
- } 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> 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”><a href=“http://www.fenqianbang.com/486.html” target=“_blank” rel=“nofollow”><i class=“fa fa-globe”></i> FireFox为您推荐：聚享游</a>’
- } else if (r = e.match(/Maxthon([\d]*)\/([^\s]+)/ig)) {
- var r1 = r[0].split(“/”);
- outputer = ‘<span class=“ua_maxthon”><a href=“http://www.fenqianbang.com/111.html” target=“_blank” rel=“nofollow”><i class=“fa fa-globe”></i> Maxthon为您推荐：欢乐赚</a>’
- } else if (r = e.match(/BIDUBrowser([\d]*)\/([^\s]+)/ig)) {
- var r1 = r[0].split(“/”);
- outputer = ‘<span class=“ua_ucweb”><a href=“http://www.fenqianbang.com/1726.html” target=“_blank” rel=“nofollow”><i class=“fa fa-globe”></i> 百度为您推荐：蹦蹦网</a>’
- } else if (r = e.match(/UBrowser([\d]*)\/([^\s]+)/ig)) {
- var r1 = r[0].split(“/”);
- outputer = ‘<span class=“ua_ucweb”><a href=“http://www.fenqianbang.com/1581.html” target=“_blank” rel=“nofollow”><i class=“fa fa-globe”></i> UC为您推荐：乐豆玩</a>’
- } else if (r = e.match(/MetaSr/ig)) {
- outputer = ‘<span class=“ua_sogou”><a href=“http://www.fenqianbang.com/1182.html” target=“_blank” rel=“nofollow”><i class=“fa fa-globe”></i> 搜狗为您推荐：快乐赚</a>’
- } else if (r = e.match(/2345Explorer/ig)) {
- outputer = ‘<span class=“ua_2345explorer”><a href=“http://www.2345.com/?kq503899300” target=“_blank” rel=“nofollow”><i class=“fa fa-globe”></i> 2345：会赚钱的浏览器</a>’
- } else if (r = e.match(/2345chrome/ig)) {
- outputer = ‘<span class=“ua_2345chrome”><a href=“http://www.2345.com/?kq503899300” target=“_blank” rel=“nofollow”><i class=“fa fa-globe”></i> 2345：会赚钱的浏览器</a>’
- } else if (r = e.match(/LBBROWSER/ig)) {
- outputer = ‘<span class=“ua_lbbrowser”><a href=“http://www.fenqianbang.com/979.html” target=“_blank” rel=“nofollow”><i class=“fa fa-globe”></i> 猎豹为您推荐：天天钻</a>’
- } else if (r = e.match(/MicroMessenger\/([^\s]+)/ig)) {
- var r1 = r[0].split(“/”);
- outputer = ‘<span class=“ua_qq”><a href=“http://www.fenqianbang.com/sjwz” target=“_blank” rel=“nofollow”><i class=“fa fa-weixin”></i> 微信：投票也赚钱</a>’
- /*.split(‘/’)[0]*/
- } else if (r = e.match(/QQBrowser\/([^\s]+)/ig)) {
- var r1 = r[0].split(“/”);
- outputer = ‘<span class=“ua_qq”><a href=“http://www.fenqianbang.com/1881.html” target=“_blank” rel=“nofollow”><i class=“fa fa-globe”></i> QQ为您推荐：集趣网</a>’
- /*.split(‘/’)[0]*/
- } else if (r = e.match(/QQ\/([^\s]+)/ig)) {
- var r1 = r[0].split(“/”);
- outputer = ‘<span class=“ua_qq”><a href=“http://www.fenqianbang.com/1881.html” target=“_blank” rel=“nofollow”><i class=“fa fa-globe”></i> QQ为您推荐：集趣网</a>’
- /*.split(‘/’)[0]*/
- } else if (r = e.match(/MiuiBrowser\/([^\s]+)/ig)) {
- var r1 = r[0].split(“/”);
- outputer = ‘<span class=“ua_mi”><a href=“http://www.fenqianbang.com/1039.html” target=“_blank” rel=“nofollow”><i class=“fa fa-globe”></i> Miui为您推荐：有赚网</a>’
- /*.split(‘/’)[0]*/
- } else if (r = e.match(/Chrome([\d]*)\/([^\s]+)/ig)) {
- var r1 = r[0].split(“/”);
- outputer = ‘<span class=“ua_chrome”><a href=“http://www.fenqianbang.com/1989.html” target=“_blank” rel=“nofollow”><i class=“fa fa-globe”></i> 360为您推荐：7U网</a>’
- /*.split(‘.’)[0]*/
- } else if (r = e.match(/safari\/([^\s]+)/ig)) {
- var r1 = r[0].split(“/”);
- outputer = ‘<span class=“ua_apple”><a href=“http://www.fenqianbang.com/sjwz” target=“_blank” rel=“nofollow”><i class=“fa fa-globe”></i> Safari为您推荐：微信投票</a>’
- } else if (r = e.match(/Opera[\s|\/]([^\s]+)/ig)) {
- var r1 = r[0].split(“/”);
- outputer = ‘<span class=“ua_opera”><a href=“http://www.2345.com/?kq503899300” target=“_blank” rel=“nofollow”><i class=“fa fa-globe”></i> Opera</a>’
- } else if (r = e.match(/Trident\/7.0/gi)) {
- outputer = ‘<span class=“ua_ie”><a href=“http://www.fenqianbang.com/315.html” target=“_blank” rel=“nofollow”><i class=“fa fa-globe”></i> IE 11为您推荐：24趣吧</a>’
- } else if (r = e.match(/MSIE\s([^\s|;]+)/gi)) {
- outputer = ‘<span class=“ua_ie”><a href=“http://www.fenqianbang.com/315.html” target=“_blank” rel=“nofollow”><i class=“fa fa-globe”></i> IE为您推荐：24趣吧</a>’
- /*.replace(‘MSIE’, ”).split(‘.’)[0]*/
- } else {
- outputer = ‘<span class=“ua_other”><a href=“http://www.fenqianbang.com/420.html” target=“_blank” rel=“nofollow”><i class=“fa fa-globe”></i> Chrome为您推荐：石头村</a>’
- }
- if (checkMobile()) {
- Mobile = ”;
- } else {
- Mobile = ”;
- }
- return outputer + “</span>” + Mobile;
- }
- //显UA结束
我们会看到上面的代码有很多类似这样的代码：
- outputer = ‘<span class=“ua_firefox”><a href=“http://www.fenqianbang.com/486.html” target=“_blank” rel=“nofollow”><i class=“fa fa-globe”></i> FireFox为您推荐：聚享游</a>’
把这些代码修改一下：
- outputer = ‘<span class=“ua_firefox”><a href=“你的广告连接“ target=“_blank” rel=“nofollow”><i class=“fa fa-globe”></i> FireFox为您推荐：你的项目名称</a>’
全部修改完保存后，我们再去多说后台添加自定义CSS样式:
- /*多说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_other a{
- color:#FFFFFF!important;
- }
- .os_other a{
- color:#FFFFFF!important;
- }
- .ua_ie{
- background-color: #428bca!important;
- border-color: #357ebd!important;
- border-radius: 4px;
- padding: 0 5px!important;
- }
- .ua_ie a{
- color:#FFFFFF!important;
- }
- .ua_firefox{
- background-color: #f0ad4e!important;
- border-color: #eea236!important;
- border-radius: 4px;
- padding: 0 5px!important;
- }
- .ua_firefox a{
- color:#FFFFFF!important;
- }
- .ua_maxthon{
- background-color: #7373B9!important;
- border-color: #7373B9!important;
- border-radius: 4px;
- padding: 0 5px!important;
- }
- .ua_maxthon a{
- color:#FFFFFF!important;
- }
- .ua_ucweb{
- background-color: #FF740F!important;
- border-color: #d43f3a!important;
- border-radius: 4px;
- padding: 0 5px!important;
- }
- .ua_ucweb a{
- color:#FFFFFF!important;
- }
- .ua_sogou{
- background-color: #78ACE9!important;
- border-color: #4cae4c!important;
- border-radius: 4px;
- padding: 0 5px!important;
- }
- .ua_sogou a{
- color:#FFFFFF!important;
- }
- .ua_2345explorer{
- background-color: #2478B8!important;
- border-color: #4cae4c!important;
- border-radius: 4px;
- padding: 0 5px!important;
- }
- .ua_2345explorer a{
- color:#FFFFFF!important;
- }
- .ua_2345chrome{
- background-color: #F9D024!important;
- border-color: #4cae4c!important;
- border-radius: 4px;
- padding: 0 5px!important;
- }
- .ua_2345chrome a{
- color:#FFFFFF!important;
- }
- .ua_mi{
- background-color: #FF4A00!important;
- border-color: #4cae4c!important;
- border-radius: 4px;
- padding: 0 5px!important;
- }
- .ua_mi a{
- color:#FFFFFF!important;
- }
- .ua_lbbrowser{
- background-color: #FC9D2E!important;
- border-color: #4cae4c!important;
- border-radius: 4px;
- padding: 0 5px!important;
- }
- .ua_lbbrowser a{
- color:#FFFFFF!important;
- }
- .ua_chrome{
- background-color: #EE6252!important;
- border-color: #4cae4c!important;
- border-radius: 4px;
- padding: 0 5px!important;
- }
- .ua_chrome a{
- color:#FFFFFF!important;
- }
- .ua_qq{
- background-color: #3D88A8!important;
- border-color: #4cae4c!important;
- border-radius: 4px;
- padding: 0 5px!important;
- }
- .ua_qq a{
- color:#FFFFFF!important;
- }
- .ua_apple{
- background-color: #E95620!important;
- border-color: #4cae4c!important;
- border-radius: 4px;
- padding: 0 5px!important;
- }
- .ua_apple a{
- color:#FFFFFF!important;
- }
- .ua_opera{
- background-color: #d9534f!important;
- border-color: #d43f3a!important;
- border-radius: 4px;
- padding: 0 5px!important;
- }
- .ua_opera a{
- color:#FFFFFF!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_vista a{
- color:#FFFFFF!important;
- }
- .os_2000 a{
- color:#FFFFFF!important;
- }
- .os_windows a{
- color:#FFFFFF!important;
- }
- .os_xp a{
- color:#FFFFFF!important;
- }
- .os_7 a{
- color:#FFFFFF!important;
- }
- .os_8 a{
- color:#FFFFFF!important;
- }
- .os_8_1 a{
- color:#FFFFFF!important;
- }
- .os_android {
- background-color: #98C13D!important;
- border-color: #01B171!important;
- border-radius: 4px;
- padding: 0 5px!important;
- }
- .os_android a{
- color:#FFFFFF!important;
- }
- .os_ubuntu{
- background-color: #DD4814!important;
- border-color: #01B171!important;
- border-radius: 4px;
- padding: 0 5px!important;
- }
- .os_ubuntu a{
- color:#FFFFFF!important;
- }
- .os_linux {
- background-color: #3A3A3A!important;
- border-color: #1F1F1F!important;
- border-radius: 4px;
- padding: 0 5px!important;
- }
- .os_linux a{
- color:#FFFFFF!important;
- }
- .os_mac{
- background-color: #666666!important;
- border-color: #1F1F1F!important;
- border-radius: 4px;
- padding: 0 5px!important;
- }
- .os_mac a{
- color:#FFFFFF!important;
- }
- .os_unix{
- background-color: #006600!important;
- border-color: #1F1F1F!important;
- border-radius: 4px;
- padding: 0 5px!important;
- }
- .os_unix a{
- color:#FFFFFF!important;
- }
- .os_nokia{
- background-color: #014485!important;
- border-color: #1F1F1F!important;
- border-radius: 4px;
- padding: 0 5px!important;
- }
- .os_nokia a{
- color:#FFFFFF!important;
- }
- .sskadmin{
- background-color: #00a67c!important;
- border-color: #01B171!important;
- border-radius: 4px;
- padding: 0 5px!important;
- }
- /*多说UA结束*/
以上步骤全部完成后，你就能让不同的浏览器为你推广不同的项目了。
桂公网安备 45010502000016号