PC电脑端和移动手机端分别加载不同的js广告其实方法有很多,我们在网站投放广告中经常碰到此类需求。下面就是分别加载不同js广告的代码:
PC电脑端和移动手机端分别加载不同的js广告代码(注意:是要在PC电脑端和移动手机端分别加载不同的js文件)
第一种方法(简单型):
- <script type="text/javascript">
- // 根据屏幕尺寸大于480 加载电脑端广告文件pcad.js
- if (screen && screen.width > 480) {
- document.write(''<script type="text/javascript" charset="utf-8" src="pcad.js"></script>'');
- }
- // userAgent判断 加载移动手机端广告文件wapad.js
- if( /Android|webOS|iPhone|iPod|iPad|BlackBerry/i.test(navigator.userAgent)){
- document.write(''<script type="text/javascript" charset="utf-8" src="wapad.js"></script>'');
- }
- </script>
第二种方法(已测试通过,项目真实在用):
- <script type="text/javascript">
- function browserRedirect() {
- var sUserAgent = navigator.userAgent.toLowerCase();
- var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
- var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
- var bIsMidp = sUserAgent.match(/midp/i) == "midp";
- var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
- var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
- var bIsAndroid = sUserAgent.match(/android/i) == "android";
- var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
- var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
- // document.writeln("您的浏览设备为:");
- if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
- // alert("手机浏览加载移动端广告文件wapad.js!");
- document.write(''<script type="text/javascript" charset="utf-8" src="wapad.js"></script>'');
- } else {
- // alert("PC浏览加载电脑端广告文件pcad.js!");
- document.write(''<script type="text/javascript" charset="utf-8" src="pcad.js"></script>'');
- }
- }
- browserRedirect();
- </script>
这样子我们直接在PC电脑端和移动手机端分别输出不同的js广告文件。所以,我们在PC电脑端和移动手机端分别加载不同的js广告文件的需求完美解决了。