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

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

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

示例

非定制基本使用

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

非定制加布局

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

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

定制广告使用

需要注意的是：

  • 定制广告的 <script> 标签中的参数必须带双引号，也就是说 <script> 标签中的数据必须是 JSON 格式的。
  • <mip-ad> 标签必须有一个 <div> 子节点，并且此节点必须有属性 id，并且 id 的属性值是 "cpro_" 为前缀，<script> 标签中的 cproid 为后缀的字符串，本例应为 "cproid="u1908671"。
  • 定制广告的参数与原页面参数保持一致，如下代码仅为参考。
  • layout="responsive" 为组件布局设定，文档。
  1. <mip-ad
  2.     layout="responsive"
  3.     width="414"
  4.     height="157"
  5.     type="ad-baidu"
  6.     cproid="u1908671">
  7.     <script type="application/json">
  8.     {
  9.         "at": "3",
  10.         "hn": "0",
  11.         "wn": "0",
  12.         "imgRadio": "1.7",
  13.         "scale": "20.6",
  14.         "pat": "6",
  15.         "tn": "template_inlay_all_mobile_lu_native",
  16.         "rss1": "#FFFFFF",
  17.         "adp": "1",
  18.         "ptt": "0",
  19.         "titFF": "%E",
  20.         "rss2": "#FFFFFF",
  21.         "titSU": "0",
  22.         "ptbg": "70",
  23.         "ptp": "1"
  24.     }
  25.     </script>
  26.     <div id="cpro_u1908671"></div>
  27. </mip-ad>

属性

type

说明：广告类型
必选项：是
类型：字符串
取值：ad-baidu
默认值：无

cproid

说明：网盟广告 id
必选项：是
类型：字符串
默认值：无