电脑端显示pc广告手机端显示手机广告css自适应广告代码

2020.6.2 广告联盟 1345 下载资源

现在移动流量已势不可挡,几乎所有的网站都已经自适应,如果还有某个网站没有实现自适应,那他肯定只针对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广告代码,不影响点击计费,请大家查看我下一片分享的文章。

当前页面关联资源下载!

您已获得该资源下载权限!
解压密码:www.51logou.cn

避免出错,特意上传了源待码,大家免费下载即可。

本文地址:https://www.51logou.cn/217.html
原创作者:【
转载请注明出处:【51源代码

相关推荐:广告代码

评论

昵称*

邮箱*

网址