js判断当前访问网站的设备加载不同的广告

Era

December 15, 2014

2197views

2 comments

1018字数

WordPress技巧

现在很多网站都实现了自适应布局，不过几乎全部的广告联盟的广告都没能实现自适应。手机端访问pC端的广告，效果相当不满意。

不过我们可以考虑用JS判断当前访问网站的设备加载不同的广告，从而提高用户的访问体验。

代码如下：

<script type="text/javascript">
//平台、设备和操作系统
 var system ={
 win : false,
 mac : false,
 xll : false
 };
 //检测平台
 var p = navigator.platform;
 system.win = p.indexOf("Win") == 0;
 system.mac = p.indexOf("Mac") == 0;
 system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
 //跳转语句
 if(system.win||system.mac||system.xll){
 document.writeln('<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/XF03.js"><\/script>');
 }else{
 document.writeln('<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/app.js"><\/script>');
 }
</script>

如果不是因为使用wordpress静态插件cos html cache,那么用php来判断访者的设备也相当不错的方法。

以上方法亲测，效果请访问小说夜天子 http://yetianzi.com/ 查看效果。