结合百度广告管家实现实现广告和网页内容同时
建站知识 2021-07-02 19:48www.168986.cn长沙网站建设
百度广告管家为关注网页内容展现速度的用户提供了Iframe代码，Iframe的执行机制是异步加载，使广告和网页内容的展现互不影响。
可以通过以下两个步骤完成Iframe代码的投放
1、创建并上传proxy.html文件
例如，您网站的地址是http://.abc./，把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./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的定向投放。
可以通过以下两个步骤完成Iframe代码的投放
1、创建并上传proxy.html文件
例如，您网站的地址是http://.abc./，把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./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的定向投放。
上一篇：超低价顶级域名和美国主机的注册步骤说明
下一篇：个人站长站在十字路口 你该怎么走？
长沙网站设计
- 如何自己建一个网站 自己想建个网站,怎么建
- 如何制作网站免费建站 创建网站免费注册
- html简单网页代码 html简单网页代码超链接
- dreamweaver网页制作 dreamweaver网页制作模板
- 上海网站建设 上海网站建设制作微信
- 如何制作网站和网页 如何制作一个网页
- html网页制作代码大全 端午节html网页制作代码大
- app开发公司 app开发公司前十名
- html网页制作 html网页制作文字居中
- app制作一个需要多少钱 请人制作一个app多少钱
- 成都网站制作 成都网站制作维护
- 百度建一个网站多少钱 百度做个公司网站要多少
- html+css网页制作成品 web网页制作成品css+javascrip
- html网页制作案例 html网页设计案例
- html+css网页制作成品 web网页制作成品css+javascrip
- 个人网站模板 个人网站模板HTML