結(jié)合百度廣告管家實現(xiàn)實現(xiàn)廣告和網(wǎng)頁內(nèi)容同時加載
發(fā)布日期：2022-02-04 18:53 | 文章來源：CSDN
百度廣告管家為關(guān)注網(wǎng)頁內(nèi)容展現(xiàn)速度的用戶提供了Iframe代碼，Iframe的執(zhí)行機制是異步加載，使廣告和網(wǎng)頁內(nèi)容的展現(xiàn)互不影響。
可以通過以下兩個步驟完成Iframe代碼的投放：
1、創(chuàng)建并上傳proxy.html文件
例如，您網(wǎng)站的地址是http://www.abc.com/，把proxy.html的文件上傳到網(wǎng)站的根目錄下，proxy.html的內(nèi)容如下：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body style="margin:0">
<script type="text/javascript" src="http://cbjs.baidu.com/js/s.js"></script>
<script type="text/javascript">
<!-- 讀取url中的參數(shù)“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，調(diào)用百度廣告管家系統(tǒng)的函數(shù)，將具體的廣告內(nèi)容展現(xiàn)出來。
2、投放iframe代碼
1）在廣告管理系統(tǒng)中查看廣告位id、寬度和高度信息，如下圖所示：
2）按照以下規(guī)范編寫iframe代碼，然后將編寫好的代碼放到網(wǎng)頁相應的位置，iframe代碼內(nèi)容如下：
<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）如果要修改廣告位的大小，則需要同時在廣告管理系統(tǒng)和Iframe代碼中修改width和height屬性的取值；
2）不支持漂浮和彈窗類型的廣告位；
3）不支持廣告原窗口打開，已經(jīng)設置為原窗口打開的廣告將在iframe中打開；
4）廣告位上投放富媒體類型的廣告物料時，無法與主頁面的內(nèi)容進行直接交互；
5）不支持按來源域和被訪url的定向投放。
可以通過以下兩個步驟完成Iframe代碼的投放：
1、創(chuàng)建并上傳proxy.html文件
例如，您網(wǎng)站的地址是http://www.abc.com/，把proxy.html的文件上傳到網(wǎng)站的根目錄下，proxy.html的內(nèi)容如下：
復制代碼
代碼如下:<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body style="margin:0">
<script type="text/javascript" src="http://cbjs.baidu.com/js/s.js"></script>
<script type="text/javascript">
<!-- 讀取url中的參數(shù)“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，調(diào)用百度廣告管家系統(tǒng)的函數(shù)，將具體的廣告內(nèi)容展現(xiàn)出來。
2、投放iframe代碼
1）在廣告管理系統(tǒng)中查看廣告位id、寬度和高度信息，如下圖所示：
2）按照以下規(guī)范編寫iframe代碼，然后將編寫好的代碼放到網(wǎng)頁相應的位置，iframe代碼內(nèi)容如下：
<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）如果要修改廣告位的大小，則需要同時在廣告管理系統(tǒng)和Iframe代碼中修改width和height屬性的取值；
2）不支持漂浮和彈窗類型的廣告位；
3）不支持廣告原窗口打開，已經(jīng)設置為原窗口打開的廣告將在iframe中打開；
4）廣告位上投放富媒體類型的廣告物料時，無法與主頁面的內(nèi)容進行直接交互；
5）不支持按來源域和被訪url的定向投放。
版權(quán)聲明：本站文章來源標注為YINGSOO的內(nèi)容版權(quán)均為本站所有，歡迎引用、轉(zhuǎn)載，請保持原文完整并注明來源及原文鏈接。禁止復制或仿造本網(wǎng)站，禁止在非www.sddonglingsh.com所屬的服務器上建立鏡像，否則將依法追究法律責任。本站部分內(nèi)容來源于網(wǎng)友推薦、互聯(lián)網(wǎng)收集整理而來，僅供學習參考，不代表本站立場，如有內(nèi)容涉嫌侵權(quán)，請聯(lián)系alex-e#qq.com處理。
相關(guān)文章
關(guān)注官方微信