自适应网站如何添加自动适配广告位

现在越来越多的站长都开始使用自适应的网站程序，自适应的网站更加的方便优化和推广，但是网站的收益有一部分来源于网站的广告，自适应的网站如何添加广告位呢，传统的添加方法比如在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段的广告位代码。