手机
当前位置:查字典教程网 >建站 >建站经验 >结合百度广告管家实现实现广告和网页内容同时加载
结合百度广告管家实现实现广告和网页内容同时加载
摘要:百度广告管家为关注网页内容展现速度的用户提供了Iframe代码,Iframe的执行机制是异步加载,使广告和网页内容的展现互不影响。可以通过以...

百度广告管家为关注网页内容展现速度的用户提供了Iframe代码,Iframe的执行机制是异步加载,使广告和网页内容的展现互不影响。

可以通过以下两个步骤完成Iframe代码的投放:

1、创建并上传proxy.html文件

例如,您网站的地址是http://www.abc.com/,把proxy.html的文件上传到网站的根目录下,proxy.html的内容如下:

复制代码代码如下:

<!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中的参数“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、宽度和高度信息,如下图所示:

结合百度广告管家实现实现广告和网页内容同时加载1

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的定向投放。

【结合百度广告管家实现实现广告和网页内容同时加载】相关文章:

如何成为一名合格的站长

互联网商业模式的创新需要底层理论支撑

大流量网站的底层系统架构分析

淘客类网络销售推广赚钱之广告链接的管理方法

百度广告管家使用广告复制功能提高管理效率

B2C电子商务平台建设的网页布局要点

知识类,时政类网站将迎来发展春天

域名知识之选择合适的域名

删除百度联盟中已经审核通过的网址方法

电子商务网站不宜做广告联盟的广告

精品推荐
分类导航