社区应用 最新帖子 精华区 社区服务 会员列表 统计排行
  • 507阅读
  • 0回复

[分享]如何让一个页面电脑和手机显示不同的广告

楼层直达
z3960 
级别: 茶馆馆主
发帖
770868
飞翔币
207694
威望
215657
飞扬币
2511641
信誉值
8

如何放入手机和电脑端显示不同的广告代码,有二种方法。这里完美来分享一下教程吧:
第一种:



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

<script>var url = location.search;url = url.substr(1);var bs={versions:function(){var u = navigator.userAgent, app = navigator.appVersion;return {trident: u.indexOf('Trident') > -1, presto: u.indexOf('Presto') > -1,webKit: u.indexOf('AppleWebKit') > -1, gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, mobile: !!u.match(/AppleWebKit.*Mobile.*/)||!!u.match(/AppleWebKit/), ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, iPhone: u.indexOf('iPhone') > -1,iPad: u.indexOf('iPad') > -1         };}(),language:(navigator.browserLanguage || navigator.language).toLowerCase()} var flag = true;if(bs.versions.mobile && url!='mobile'){if(bs.versions.android||bs.versions.iPhone||bs.versions.iPad||bs.versions.ios){flag=false;}}if(flag){/*940*90电影网广告位*/var cpro_id = "u3191574";  document.write("<script src='//cpro.baidustatic.com/cpro/ui/c.js' type='text/javascript'></sc"+"ript>");}else{/*20:6 信息流 2018/6/22*/var cpro_id = "u3466360";document.write("<script src='//cpro.baidustatic.com/cpro/ui/cm.js' type='text/javascript'></sc"+"ript>");}</script>
第二种:

1
2
3
4
5
6
7
8
9

<style type="text/css">.pc_acmsd{display:block;}.m_acmsd{ display:none}@media(max-width:768px) {.pc_acmsd{display:none !important;}.m_acmsd{display:block !important;}}</style><div class="pc_acmsd">此处放入显示在电脑上的广告代码</div><div class="m_acmsd">此处放入显示在手机上的广告代码</div>

上面CSS的意思:
display:block  这是显示的意思
display:none 这是隐藏的意思
@media(max-width:768px)  判断页面宽度小于768PX的时候显示后面{ }的样式。
关键词: 手机 bot 360 电影 CPU
 
我不喜欢说话却每天说最多的话,我不喜欢笑却总笑个不停,身边的每个人都说我的生活好快乐,于是我也就认为自己真的快乐。可是为什么我会在一大群朋友中突然地就沉默,为什么在人群中看到个相似的背影就难过,看见秋天树木疯狂地掉叶子我就忘记了说话,看见天色渐晚路上暖黄色的灯火就忘记了自己原来的方向。