正确的插入百度网页广告

杂散   356阅读

百度广告联盟的账号还能使用,于是新建了两个广告代码,一个是PC端的,一个是移动端的。当是用电脑访问网页的时候就显示PC端的广告,当时手机访问的时候就显示手机端的广告。

以下是我在网页中放置代码的方法。利用自适应网页的优点,可以指定在宽屏是显示的div,以及在窄屏时显示另外的div。这样的结果就是在网页里存在两段广告代码,只是对应的隐藏了其中一段。会使网页臃肿一些,这在当初使用自适应技术的时候就知道了,相当于把两套代码合成一套,网页的体积会增大一些。作为网页设计者,需要进行权衡,如果考虑通过精简网页源代码来实现较好的加载速度以增加用户体验,就不建议这么做了。当然,我关心的是如何实现针对终端设备显示对应格式的广告位的方法。

<div class="pull-left hidden-sm hidden-xs">
<script type="text/javascript">
    /*luoanman_PC*/
    var cpro_id = "u2879638";
</script>
<script type="text/javascript" src="http://cpro.baidustatic.com/cpro/ui/c.js"></script>
</div>
<div class="hidden-lg hidden-md row">
<script type="text/javascript">
    /*luoanman_mobile*/
    var cpro_id = "u2879640";
</script>
<script type="text/javascript" src="http://cpro.baidustatic.com/cpro/ui/cm.js"></script>
</div>

在页面头部引入bootstrap的样式,直接使用hidden-sm hidden-xs就可以设置为窄屏幕时不显示这个div层,同理hidden-lg hidden-md就是在宽屏时不显示指定的div了。


喜欢请常来,打赏请随意。

  1. 从良未遂    回复

    我是不会写这些,依葫芦画瓢的搞一个php判断来在pc和手机端显示不同的广告