现在越来越多的站长都开始使用自适应的网站程序,自适应的网站更加的方便优化和推广,但是网站的收益有一部分来源于网站的广告,自适应的网站如何添加广告位呢,传统的添加方法比如在PC端添加了广告位,但是到了移动端会导致广告变形或者不能显示完全,自适应网站如何添加自动适配广告位,跟着桂林seo一起来学习下。
1、先找到网站所使用的css文件,在css文件添加一下代码:
.pcd_ad{display:block;}
.mbd_ad{ display:none}
@media(max-width:768px) {
.pcd_ad{display:none !important;}
.mbd_ad{display:block !important;}
}
2、在需要调用广告的位置插入下面的代码:
<p class="pcd_ad">电脑端广告代码</p>
<p class="mbd_ad">手机移动端广告代码</p>
以上css代码的作用是:判断浏览器页面宽度小于769px的时候显示M端的广告位代码,反之显示PC段的广告位代码。
版权声明:内容均来源于互联网 如有侵权联系删除