现在移动流量已势不可挡,几乎所有的网站都已经自适应,如果还有某个网站没有实现自适应,那他肯定只针对pc端的,这和他从事的业务有关系,像靠流量来赚钱的站长,那肯定pc和web端都不能放过,下面就分享一段css自适应广告代码,可以实现pc和web显示不同的广告,这样可以针对不同需求的广告主从而获取不同的流量渠道。
<style type=”text/css”>
.pc_acmsd{display:block;color:#fff;text-align:center;font-size:26px; font-weight:bold;line-height:36px;}
.m_acmsd{ display:none;color:#fff;text-align:center;font-size:26px; font-weight:bold;}
@media(max-width:768px) {
.pc_acmsd{display:none !important;}
.m_acmsd{display:block !important;}}
</style>
<!–pc端显示–>
<div class=”pc_acmsd”>
<a target=”_blank” href=”https://www.baidu.com”><img width=”100%” src=”https://www.baidu.com/img/flexible/logo/pc/result.png”/></a>
<a target=”_blank” href=”http://www.baidu.com”><img width=”100%” src=”https://www.baidu.com/img/flexible/logo/pc/result.png”/></a>
</div>
<!–web端显示–>
<div class=”m_acmsd”>
<a target=”_blank” href=”https://www.baidu.com”><img width=”100%” src=”https://www.baidu.com/img/flexible/logo/pc/result.png”/></a>
<a target=”_blank” href=”http://www.baidu.com”><img width=”100%” src=”https://www.baidu.com/img/flexible/logo/pc/result.png”/></a>
</div>
这是html和css代码,大家可以把他封装到js里面,一般都是放在head里面,适合有长期租用广告位的站长们使用,如果没有要求可以直接放到网页里面,不过我建议大家用js,把图片和链接都设置好,然后转化成js,在调用到你需要显示的部位,这里说一下,web端图片的尺寸设置大一点,长度650,高度400-450,这样看上去美观大气,很自然,需要说明的是,不同的广告联盟的js代码也可以用这个来实现pc显示pc广告,web先web广告,但是大家千万别加到js里面,不然点击不计费的,我已测试多次,这就是广告联盟的无耻之处。
如果大家想挂广告联盟的代码,pc先是pc,web显示web,我已经专门装备了js广告代码,不影响点击计费,请大家查看我下一片分享的文章。
本文地址:https://www.51logou.cn/217.html
原创作者:【源待码】
转载请注明出处:【51源代码】
评论