235
【第2期】如何實現廣告和網頁內容同時加載
JS代碼支持豐富的功能，業內的廣告一般采用JS代碼的方式投放，然而JS的執行機製是順序加載，這就造成網頁內容的展示需要等待前麵的廣告加載。
百度廣告管家為關注網頁內容展現速度的用戶提供了Iframe代碼，Iframe的執行機製是異步加載，使廣告和網頁內容的展現互不影響。
可以通過以下兩個步驟完成Iframe代碼的投放：
1、創建並上傳proxy.html文件
例如，您網站的地址是https://www.abc.com/，把proxy.html的文件上傳到網站的根目錄下，proxy.html的內容如下：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body >
<script type="text/javascript" src="https://cbjs.baidu.com/js/s.js"></script>
<script type="text/javascript">
<!-- 讀取url中的參數“id”並繪製廣告 -->
(function() {
var match = location.href.match(/(\?|&)id=([^&]+)(&|$)/);
if (match) {
var slotId = parseInt(match[2], 10);
if (slotId) {
BAIDU_CLB_singleFillSlot(match[2]);
}
}
})();
</script>
</body>
</html>
注：該文件用於讀取Iframe標簽的src屬性傳遞過來的廣告位id，調用百度廣告管家係統的函數，將具體的廣告內容展現出來。
2、投放iframe代碼
1）在廣告管理係統中查看廣告位id、寬度和高度信息，如下圖所示：
2）按照以下規範編寫iframe代碼，然後將編寫好的代碼放到網頁相應的位置，iframe代碼內容如下：
<iframe src="proxy.html?id=44049" width="728" height="60" scrolling="no" frameborder="0" style=”display:block;margin:0”></iframe>
其中，src屬性的取值由html文件的有效路徑和“id=廣告位id”組成；width和height分別是廣告位的寬度和高度，取值分別為上一步中看到的廣告位id、寬度和高度。
注意：使用iframe代碼投放廣告時會存在以下問題：
1）如果要修改廣告位的大小，則需要同時在廣告管理係統和Iframe代碼中修改width和height屬性的取值；
2）不支持漂浮和彈窗類型的廣告位；
3）不支持廣告原窗口打開，已經設置為原窗口打開的廣告將在iframe中打開；
4）廣告位上投放富媒體類型的廣告物料時，無法與主頁麵的內容進行直接交互；
5）不支持按來源域和被訪url的定向投放。
現在就去試試：https://adm.baidu.com
提升網站廣告價值，獲取業內成功案例，破解流量點擊秘訣，輔助站長提升收益。
敬請關注廣告管家官方微博了解更多：
【新浪官方微博】：https://t.sina.com.cn/baiduadm
【騰訊官方微博】：https://t.qq.com/baiduadm
最後更新時間：2011-06-20 16:40:31
最後更新：2017-01-07 09:51:27