阅读718 返回首页    go 百度 go 百度广告管家


如何实现广告后加载?

由于不同浏览器的解析机制各不相同,为保证各个浏览器均可支持后加载,特意引入BAIDU_CLB_prepareMoveSlot("id"); 函数。
如何使用该函数?以下为具体示例:


    <!--
        ** 页面中的广告位 **
    -->
         ……
    <!--页面广告位置1,注意:PAGE_AD_id,这里的id必须与广告位ID一致-->
    <div ></div>
         ……
    <!--页面广告位置2-->
    <div ></div>
         ……
    <!--页面广告位置3-->
    <div ></div>
         ……
 
<!--
        ** 后加载开始 ** 
-->
<!-- 两段式JS代码 -->
    <script type="text/javascript" src="https://cbjs.baidu.com/js/m.js"></script>
    <script type="text/javascript">
        BAIDU_CLB_preloadSlots("12345","12346","12347");
</script>
 
<!-- * 步骤一,调用广告位填充函数 * -->
 
<!--加载广告1 开始,注意:BAIDU_AD_id,这里的id必须与广告位ID一致-->
        <div >
            <script>BAIDU_CLB_fillSlot("12345");</script>
        </div>
 
    <!--加载广告2 开始-->
        <div >
            <script>BAIDU_CLB_fillSlot("12346");</script>
        </div>
 
    <!--加载广告3 开始-->
        <div >
            <script>BAIDU_CLB_fillSlot("12347");</script>
        </div>
 
<!-- 
        ** 批量移动 **
-->
<script>
(function(){
    var addEvent = window.addEventListener ?
        function(fn) { window.addEventListener("load", fn, false); } :
        function(fn) { window.attachEvent("onload", fn); } ;
 
    addEvent(
        function() {
            var slotName = ["PAGE_AD_","BAIDU_AD_"],
                slotNumber = ["12345","12346","12347"],
                pageSlot,
                moveSlot;
            for (var i = 0,l = slotNumber.length; i < l ; i++) {
                pageSlot = document.getElementById( slotName[0] + slotNumber[i] );
                moveSlot = document.getElementById( slotName[1] + slotNumber[i] );
                if ( pageSlot && moveSlot ) {
                 <!-- * 步骤二,调用广告位准备函数 * -->
                    BAIDU_CLB_prepareMoveSlot(slotNumber[i]);
                 <!-- * 步骤三,将广告移动至页面所在位置 * -->
                    pageSlot.appendChild(moveSlot);
                }
            }
        }
    );
}());
</script>


注:在IE浏览器下,由于IE的机制,后加载有一个问题:每个广告位都会发送2次请求,具体2次请求状况如下:

1、当第一次进入页面的时候,2次请求中第1次正常发送,第2次命中浏览器缓存。

2、刷新页面(按F5、CTRL+F5或者点击刷新按钮)的时候,2次请求均正常发送至百度服务器。

这个问题可能产生的后果是,对于会被频繁刷新的页面,广告位的展现量会接近正常展现量的2倍,影响最后的数据统计结果,对于大多数网站,一般不存在频繁刷新的情况,因此不会产生明显影响。

3、根据百度联盟的业务要求,网盟不允许使用任何后加载方案,针对网盟位置,请使用普通代码投放。您可以使用广告管家的批量请求接口https://yingxiao.baidu.com/support/adm/detail_6583.html,或者使用异步代码https://yingxiao.baidu.com/support/adm/detail_8860.html

最后更新时间:2012-02-01 16:38:24

最后更新:2017-01-07 09:51:28

  上一篇:go 【第5期】如何按频道和广告位授予广告管理权限
  下一篇:go 【第4期】巧设漂浮广告提升用户体验