经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » JS/JS库/框架 » JavaScript » 查看文章
js不同客户端显示不同广告(pc端+移动端+微信端)
来源:jb51  时间:2023/2/10 9:17:25  对本文有异议

核心代码

  1. var IsSpider=/spider|bot/ig.test(window.navigator.userAgent);
  2. var IsMobile=/ipad|iphone|ipod|android|mobile/ig.test(window.navigator.userAgent);
  3. var IsWeixin=/micromessenger/i.test(window.navigator.userAgent);
  4.  
  5. var i;
  6. web=[];
  7. mob=[];
  8. wex=[];
  9. // 提问头部
  10. web['single_question_banner']='pc端广告代码';
  11. mob['single_question_banner']='移动端广告代码';
  12. wex['single_question_banner']='微信端广告代码';
  13. // 标题头部
  14. web['single_question_bottom']='';
  15. mob['single_question_bottom']='';
  16. wex['single_question_bottom']='';
  17.  
  18. if (IsMobile) {
  19. for (i in web) {
  20. web[i] = mob[i];
  21. }
  22. }
  23.  
  24. function growing(id) {
  25. if(IsSpider)return;
  26. document.writeln(web[id]);
  27. }

具体的代码大家自行参考。代码比较简单,主要是通过数组定义广告代码。

js如何实现广告在pc端显示,移动端不显示

  1. var browser={
  2. versions:function(){
  3. var u = navigator.userAgent, app = navigator.appVersion;
  4. return {
  5. trident: u.indexOf('Trident') > -1,
  6. presto: u.indexOf('Presto') > -1,
  7. webKit: u.indexOf('AppleWebKit') > -1,
  8. gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,
  9. mobile: !!u.match(/AppleWebKit.*Mobile.*/)||!!u.match(/AppleWebKit/),
  10. ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
  11. android: u.toLowerCase().indexOf('android') > -1 ,
  12. iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1,
  13. iPad: u.indexOf('iPad') > -1,
  14. webApp: u.indexOf('Safari') == -1
  15. };
  16. }()
  17. }
  18. if (!(browser.versions.android || browser.versions.ios || browser.versions.iPhone || browser.versions.iPad)){
  19. document.writeln("<div class=\'float_layer\' id=\'miaov_float_layer\' style=\'z-index:10001;\'>");
  20. document.writeln(" <div class=\'content\'>");
  21. document.writeln(" <div class=\'wrap\'> ");
  22. document.writeln(" <a href=\'http://yookee.cc/\' target=\'_blank\'><img src=\'/ad1/14690989051188.gif\' width=\'300\' height=\'250\' /></a>");
  23. document.writeln(" </div>");
  24. document.writeln(" </div>");
  25. document.writeln("</div>");
  26. }

到此这篇关于js不同客户端显示不同广告(pc端+移动端+微信端)的文章就介绍到这了,更多相关js不同客户端显示不同广告内容请搜索w3xue以前的文章或继续浏览下面的相关文章希望大家以后多多支持w3xue!

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号