前期准备

1.商务对接
2.在奇聚广告管理后台和百青藤广告管理后台创建相应的四个广告位

获取代码

奇聚广告获取代码

  • 广告位管理 -> 广告位列表 -> 获取代码

奇聚广告代码示例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
- 163-2XW-T1高价橱窗左
<script type="text/javascript" >
var mediav_ad_pub = '7HqXWG_2356671';
var mediav_ad_width = '595';
var mediav_ad_height = '125';
</script>
<script type="text/javascript" language="javascript" charset="utf-8" src="//static.mediav.com/js/mvf_g4.js"></script>

- 163-2XW-T1高价橱窗右
<script type="text/javascript" >
var mediav_ad_pub = 'JyFaT3_2356672';
var mediav_ad_width = '595';
var mediav_ad_height = '125';
</script>
<script type="text/javascript" language="javascript" charset="utf-8" src="//static.mediav.com/js/mvf_g4.js"></script>

百青藤广告获取代码

  • 网站合作 -> 业务管理 -> 网盟推广 -> 推广位代码 -> 推广位列表 -> 获取代码 -> 异步

百青藤广告代码示例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
- 163-2-XW-T-01-左
<script type="text/javascript">
(function() {
var s = "_" + Math.random().toString(36).slice(2);
document.write('<div style="" id="' + s + '"></div>');
(window.slotbydup = window.slotbydup || []).push({
id: "u5813287",
container: s
});
})();
</script>
<!-- 多条广告如下脚本只需引入一次 -->
<script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/c.js" async="async" defer="defer" ></script>

- 163-2-XW-T-01-右
<script type="text/javascript">
(function() {
var s = "_" + Math.random().toString(36).slice(2);
document.write('<div style="" id="' + s + '"></div>');
(window.slotbydup = window.slotbydup || []).push({
id: "u5813323",
container: s
});
})();
</script>
<!-- 多条广告如下脚本只需引入一次 -->
<script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/c.js" async="async" defer="defer" ></script>
代码合并

根据需求将生成的两个广告位置(左&右)组合成大通栏样式

合并代码示例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<div style="width:1200px;min-height: 125px;overflow: hidden;">
<div style="display: inline-block;" id="ssp_5813287">
<script type="text/javascript">
var mediav_ad_pub = "7HqXWG_2356671";
var mediav_ad_width = "595";
var mediav_ad_height = "125";
var mediav_ad_onfail = function () {
(function () {
(window.slotbydup = window.slotbydup || []).push({
id: "u5813287",
container: "ssp_5813287",
async: true
});
})();
};
</script>
<script type="text/javascript" language="javascript" charset="utf-8" src="//static.mediav.com/js/mvf_g4.js"></script>
</div>
<div style="display: inline-block;" id="ssp_5813323">
<script type="text/javascript">
var mediav_ad_pub = "JyFaT3_2356672";
var mediav_ad_width = "595";
var mediav_ad_height = "125";
var mediav_ad_onfail = function () {
(function () {
(window.slotbydup = window.slotbydup || []).push({
id: "u5813323",
container: "ssp_5813323",
async: true
});
})();
};
</script>
<script type="text/javascript" language="javascript" charset="utf-8" src="//static.mediav.com/js/mvf_g4.js"></script>
</div>
<script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/c.js" async="async" defer="defer"></script>
</div>
注意事项

1.每次只需替换id即可
2.注意广告左右位置对应