閱讀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期】巧設漂浮廣告提升用戶體驗