一直以来，百度联盟广告都挺让小编头疼的，因为我们的网站是H5自适应网站，并没有独立的手机端来跟PC端进行区分，但百度联盟的广告代码却对手机端和PC端进行了区分，这一点真的没法跟Google AdSense比啊，人家那真是把代码优化到了🔊，不仅变着法的增加广告样式，就连广告代码那都是自适应的，大家根本不需要为PC还是移动头疼，算了继续说H5自适应网站设置百度联盟广告代码教程吧。
H5自适应网站如何设置百度广告联盟代码
上面小编已经提到了，百度广告联盟代码分为两种，一种是PC端的广告代码（电脑网页），另一种是移动端的广告代码（WAP网页），这两者广告代码虽然都可以直接用在网页上面进行广告展示，但是计费方式不同，而且百度广告联盟对这种放置好像还会惩罚，惩罚也就算了，这样放代码，会造成页面非常混乱，百度广告展示也是非常不美观。
那到底该怎么才能在H5自适应的网站页面正确投放百度广告代码呢？别急，大家先通过不同的客户端看一下我搞好的页面效果，然后，你在确定要不要继续往下看本教程吧。
查看示例页面
🔹 示例页面直达：>>>网页入口<<<
好了，大家分别用手机或者电脑浏览器看完上面网页后，发现没有，在这个页面展示的百度联盟广告代码，已经区分了PC端跟移动端，PC端展示的是PC端广告代码，移动端展示的是移动端广告代码，大家想不想知道这个判断区分是怎么实现的？我知道你们一定是想知道的，好吧，那我们继续往下看。
<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">
<center>
<script type="text/javascript">
var cpro_id = "u6868539";
</script>
<script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js"></script>
</center>
</div>
<div class="m_acmsd">
<center>
<script type="text/javascript">
var cpro_id = "u6868540";
</script>
<script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js"></script>
</center>
</div>
上面的代码，会自动判断用户是从手机端还是电脑端进行访问的，从而为相关用户展示对应端的百度联盟广告，大家在使用这段代码时，需要将 var cpro_id = “u6868539” 内的 “u6868539” 改为你的。
结尾
好了，今天为大家分享的H5自适应网站设置百度联盟广告代码教程，就分享完了，可有帮助到大家？如果大家觉得本文还不错，麻烦大家点赞支持，您的支持是小编分享的动力。
微信扫一扫 
支付宝扫一扫 
