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

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

代码如下:

01 <script type="text/javascript">
02 //平台、设备和操作系统
03  var system ={
04  win : false,
05  mac : false,
06  xll : false
07  };
08  //检测平台
09  var p = navigator.platform;
10  system.win = p.indexOf("Win") == 0;
11  system.mac = p.indexOf("Mac") == 0;
12  system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
13  //跳转语句
14  if(system.win||system.mac||system.xll){
15  document.writeln('<script type="text/javascript" src="<?php%20bloginfo('template_directory'); ?>/js/XF03.js"><\/script>');
16  }else{
17  document.writeln('<script type="text/javascript" src="<?php%20bloginfo('template_directory'); ?>/js/app.js"><\/script>');
18  }
19 </script>

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

 

http://ituibar.com/js-judgment-now-visit-the-web-site-equipment-loading-different-advertising/