现有阶段,我们对同一页面的网盟推广单元的请求采用的是先请求先服务的顺序,即将最相关最好的推广内容返回给这个页面第一个请求,然后次之。然而,通过我们对历史数据的仔细分析,发现部分联盟合作网站的页面HTML中,请求顺序不是最优的,网页会首先请求关注度较低的推广单元,然后再请求点击率最高的推广单元(在通常情况下,网页HTML代码的加载顺序是从上到下、从左到右)。
对此,我们建议联盟会员通过“广告管家数据统计”或“网盟推广报告模板”,对自己网站页面上各个推广位进行点击率分析排序(通常页面中部靠近页面主要内容的推广单元具有最高的点击率),然后通过几个在 HTML/CSS 中的小技巧可以调整当前的推广单元的请求顺序,以便在浏览器解析HTML 源代码时,优先请求点击率最高的推广单元,然后再次请求点击率次高的推广单元,以此类推。
代码位加载顺序HTML/CSS优化方法:首先在网页中为代码位预留相同尺寸的空白位置,
1.为代码位的父容器添加样式“position: relative”
2.为代码位容器添加样式“position: absolute”,并设置top和left以确定代码位与父容器的相对位置;各代码位之间的载入顺序以代码插入的先后顺序为准。
示例代码:
复制代码代码如下:
<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”>
/* 此处添加网页的其它内容,在页面中为推广内容预留相同尺寸的位置 */
<div id=”adlist”>
/*此处添加各个代码位的调用代码,按优化后的代码位加载顺序添加 */
<div id=”ad1”>
/*插入ad1的调用代码*/
</div>
<div id=”ad2”>
/*插入ad2的调用代码*/
</div>
</div>
</div>
</body>
另外,需要提醒您,以下投放方式会导致浏览器多次发送推广内容加载请求,对系统产生多次查询,可能影响对您页面推广内容正常服务,并且可能严重影响用户体验,属违规投放行为。
复制代码代码如下:
<div id="ad1">loading...</div>
<div id="ad2" style="display:none;">
/* 代码位调用代码 */
</div>
<script type=”text/javascript”>
document.getElementById("ad1").innerHTML = document.getElementById("ad2").innerHTML;
document.getElementById("ad2").innerHTML = "";
</script>
对此,我们建议联盟会员通过“广告管家数据统计”或“网盟推广报告模板”,对自己网站页面上各个推广位进行点击率分析排序(通常页面中部靠近页面主要内容的推广单元具有最高的点击率),然后通过几个在 HTML/CSS 中的小技巧可以调整当前的推广单元的请求顺序,以便在浏览器解析HTML 源代码时,优先请求点击率最高的推广单元,然后再次请求点击率次高的推广单元,以此类推。
代码位加载顺序HTML/CSS优化方法:首先在网页中为代码位预留相同尺寸的空白位置,
1.为代码位的父容器添加样式“position: relative”
2.为代码位容器添加样式“position: absolute”,并设置top和left以确定代码位与父容器的相对位置;各代码位之间的载入顺序以代码插入的先后顺序为准。
示例代码:
复制代码代码如下:
<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”>
/* 此处添加网页的其它内容,在页面中为推广内容预留相同尺寸的位置 */
<div id=”adlist”>
/*此处添加各个代码位的调用代码,按优化后的代码位加载顺序添加 */
<div id=”ad1”>
/*插入ad1的调用代码*/
</div>
<div id=”ad2”>
/*插入ad2的调用代码*/
</div>
</div>
</div>
</body>
另外,需要提醒您,以下投放方式会导致浏览器多次发送推广内容加载请求,对系统产生多次查询,可能影响对您页面推广内容正常服务,并且可能严重影响用户体验,属违规投放行为。
复制代码代码如下:
<div id="ad1">loading...</div>
<div id="ad2" style="display:none;">
/* 代码位调用代码 */
</div>
<script type=”text/javascript”>
document.getElementById("ad1").innerHTML = document.getElementById("ad2").innerHTML;
document.getElementById("ad2").innerHTML = "";
</script>