百度網(wǎng)盟代碼優(yōu)化 推廣單元請(qǐng)求順序優(yōu)化技巧
發(fā)布日期：2022-02-05 10:41 | 文章來(lái)源：腳本之家
現(xiàn)有階段，我們對(duì)同一頁(yè)面的網(wǎng)盟推廣單元的請(qǐng)求采用的是先請(qǐng)求先服務(wù)的順序，即將最相關(guān)最好的推廣內(nèi)容返回給這個(gè)頁(yè)面第一個(gè)請(qǐng)求，然后次之。然而，通過(guò)我們對(duì)歷史數(shù)據(jù)的仔細(xì)分析，發(fā)現(xiàn)部分聯(lián)盟合作網(wǎng)站的頁(yè)面HTML中，請(qǐng)求順序不是最優(yōu)的，網(wǎng)頁(yè)會(huì)首先請(qǐng)求關(guān)注度較低的推廣單元，然后再請(qǐng)求點(diǎn)擊率最高的推廣單元（在通常情況下，網(wǎng)頁(yè)HTML代碼的加載順序是從上到下、從左到右）。
對(duì)此，我們建議聯(lián)盟會(huì)員通過(guò)“廣告管家數(shù)據(jù)統(tǒng)計(jì)”或“網(wǎng)盟推廣報(bào)告模板”，對(duì)自己網(wǎng)站頁(yè)面上各個(gè)推廣位進(jìn)行點(diǎn)擊率分析排序（通常頁(yè)面中部靠近頁(yè)面主要內(nèi)容的推廣單元具有最高的點(diǎn)擊率），然后通過(guò)幾個(gè)在 HTML/CSS 中的小技巧可以調(diào)整當(dāng)前的推廣單元的請(qǐng)求順序，以便在瀏覽器解析HTML 源代碼時(shí)，優(yōu)先請(qǐng)求點(diǎn)擊率最高的推廣單元，然后再次請(qǐng)求點(diǎn)擊率次高的推廣單元，以此類推。
代碼位加載順序HTML/CSS優(yōu)化方法：首先在網(wǎng)頁(yè)中為代碼位預(yù)留相同尺寸的空白位置，
1.為代碼位的父容器添加樣式“position: relative”
2.為代碼位容器添加樣式“position: absolute”，并設(shè)置top和left以確定代碼位與父容器的相對(duì)位置；各代碼位之間的載入順序以代碼插入的先后順序?yàn)闇?zhǔn)。
示例代碼：
<style type=”text/css”>
#ad1{
width: 468px;
height: 60px;
position: absolute;
left: 100px;
top: 250px;
}
#ad2{
width: 300px;
height: 250px;
position: absolute;
left: 200px;
top: 350px;
}
</style>
<body>
<div id=”content” style=”position: relative”>
/* 此處添加網(wǎng)頁(yè)的其它內(nèi)容，在頁(yè)面中為推廣內(nèi)容預(yù)留相同尺寸的位置 */
<div id=”adlist”>
/*此處添加各個(gè)代碼位的調(diào)用代碼，按優(yōu)化后的代碼位加載順序添加 */
<div id=”ad1”>
/*插入ad1的調(diào)用代碼*/
</div>
<div id=”ad2”>
/*插入ad2的調(diào)用代碼*/
</div>
</div>
</div>
</body>
另外，需要提醒您，以下投放方式會(huì)導(dǎo)致瀏覽器多次發(fā)送推廣內(nèi)容加載請(qǐng)求，對(duì)系統(tǒng)產(chǎn)生多次查詢，可能影響對(duì)您頁(yè)面推廣內(nèi)容正常服務(wù)，并且可能嚴(yán)重影響用戶體驗(yàn)，屬違規(guī)投放行為。
<div id="ad1">loading...</div>
<div id="ad2" style="display:none;">
/* 代碼位調(diào)用代碼 */
</div>
<script type=”text/javascript”>
document.getElementById("ad1").innerHTML = document.getElementById("ad2").innerHTML;
document.getElementById("ad2").innerHTML = "";
</script>
對(duì)此，我們建議聯(lián)盟會(huì)員通過(guò)“廣告管家數(shù)據(jù)統(tǒng)計(jì)”或“網(wǎng)盟推廣報(bào)告模板”，對(duì)自己網(wǎng)站頁(yè)面上各個(gè)推廣位進(jìn)行點(diǎn)擊率分析排序（通常頁(yè)面中部靠近頁(yè)面主要內(nèi)容的推廣單元具有最高的點(diǎn)擊率），然后通過(guò)幾個(gè)在 HTML/CSS 中的小技巧可以調(diào)整當(dāng)前的推廣單元的請(qǐng)求順序，以便在瀏覽器解析HTML 源代碼時(shí)，優(yōu)先請(qǐng)求點(diǎn)擊率最高的推廣單元，然后再次請(qǐng)求點(diǎn)擊率次高的推廣單元，以此類推。
代碼位加載順序HTML/CSS優(yōu)化方法：首先在網(wǎng)頁(yè)中為代碼位預(yù)留相同尺寸的空白位置，
1.為代碼位的父容器添加樣式“position: relative”
2.為代碼位容器添加樣式“position: absolute”，并設(shè)置top和left以確定代碼位與父容器的相對(duì)位置；各代碼位之間的載入順序以代碼插入的先后順序?yàn)闇?zhǔn)。
示例代碼：
復(fù)制代碼
代碼如下:<style type=”text/css”>
#ad1{
width: 468px;
height: 60px;
position: absolute;
left: 100px;
top: 250px;
}
#ad2{
width: 300px;
height: 250px;
position: absolute;
left: 200px;
top: 350px;
}
</style>
<body>
<div id=”content” style=”position: relative”>
/* 此處添加網(wǎng)頁(yè)的其它內(nèi)容，在頁(yè)面中為推廣內(nèi)容預(yù)留相同尺寸的位置 */
<div id=”adlist”>
/*此處添加各個(gè)代碼位的調(diào)用代碼，按優(yōu)化后的代碼位加載順序添加 */
<div id=”ad1”>
/*插入ad1的調(diào)用代碼*/
</div>
<div id=”ad2”>
/*插入ad2的調(diào)用代碼*/
</div>
</div>
</div>
</body>
另外，需要提醒您，以下投放方式會(huì)導(dǎo)致瀏覽器多次發(fā)送推廣內(nèi)容加載請(qǐng)求，對(duì)系統(tǒng)產(chǎn)生多次查詢，可能影響對(duì)您頁(yè)面推廣內(nèi)容正常服務(wù)，并且可能嚴(yán)重影響用戶體驗(yàn)，屬違規(guī)投放行為。
復(fù)制代碼
代碼如下:<div id="ad1">loading...</div>
<div id="ad2" style="display:none;">
/* 代碼位調(diào)用代碼 */
</div>
<script type=”text/javascript”>
document.getElementById("ad1").innerHTML = document.getElementById("ad2").innerHTML;
document.getElementById("ad2").innerHTML = "";
</script>
版權(quán)聲明：本站文章來(lái)源標(biāo)注為YINGSOO的內(nèi)容版權(quán)均為本站所有，歡迎引用、轉(zhuǎn)載，請(qǐng)保持原文完整并注明來(lái)源及原文鏈接。禁止復(fù)制或仿造本網(wǎng)站，禁止在非www.sddonglingsh.com所屬的服務(wù)器上建立鏡像，否則將依法追究法律責(zé)任。本站部分內(nèi)容來(lái)源于網(wǎng)友推薦、互聯(lián)網(wǎng)收集整理而來(lái)，僅供學(xué)習(xí)參考，不代表本站立場(chǎng)，如有內(nèi)容涉嫌侵權(quán)，請(qǐng)聯(lián)系alex-e#qq.com處理。
相關(guān)文章
關(guān)注官方微信