现在很多网站都实现了自适应布局,不过几乎全部的广告联盟的广告都没能实现自适应。手机端访问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/ 查看效果。

Last modification:April 11th, 2020 at 09:18 pm
如果觉得我的文章对你有用,请随意赞赏