mip-ad:ad-baidu 百度网盟推广合作

mip 广告组件 <mip-ad> 的一种类型：百度网盟推广合作。产品介绍具体文档。

标题	内容
类型	通用
支持布局	fixed-height, fixed
所需脚本	https://c.mipcdn.com/static/v2/mip-ad/mip-ad.js

示例

非定制基本使用

1
2
3
4
5
6
<div class="mip-adbd">
  <mip-ad
    type="ad-baidu"
    cpro-id="u2697398">
  </mip-ad>
</div>

非定制加布局

组件布局文档。width 和 height 请根据广告实际宽高填写。

1
2
3
4
5
6
7
8
9
<div class="mip-adbd">
  <mip-ad
    layout="responsive"
    width="414"
    height="80"
    type="ad-baidu"
    cpro-id="u2697398">
  </mip-ad>
</div>

定制广告使用

需要注意的是：

定制广告的 <script> 标签中的 JSON 数据必须带双引号，也就是说 <script> 标签中的数据必须是标准 JSON 格式的。
<mip-ad> 标签内和 <script> 同级必须有一个 <div> 子节点，并且此 <div> 节点必须有属性 id，并且 id 的属性值是 "cpro_" 为前缀，<script> 标签中的 cproid 为后缀的字符串，本例应为 "cproid="u1908671"。
定制广告的参数与原页面参数保持一致，如下代码仅为参考。
layout="responsive" 为组件布局设定，文档。

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
<mip-ad
  layout="responsive"
  width="414"
  height="157"
  type="ad-baidu"
  cpro-id="u1908671">
  <script type="application/json">
    {
      "at": "3",
      "hn": "0",
      "wn": "0",
      "imgRadio": "1.7",
      "scale": "20.6",
      "pat": "6",
      "tn": "template_inlay_all_mobile_lu_native",
      "rss1": "#FFFFFF",
      "adp": "1",
      "ptt": "0",
      "titFF": "%E",
      "rss2": "#FFFFFF",
      "titSU": "0",
      "ptbg": "70",
      "ptp": "1"
    }
  </script>
  <div id="cpro_u1908671"></div>
</mip-ad>

属性

type

说明：广告类型

必选项：是

类型：字符串

取值：ad-baidu

默认值：无

cpro-id

说明：网盟广告 id

必选项：是

类型：字符串

默认值：无

目录

组件列表

mip-ad:ad-baidu 百度网盟推广合作

示例

非定制基本使用

非定制加布局

定制广告使用

属性

type

cpro-id