ad-comm 通用广告详解

ad-comm 通用广告是mip广告组件中的一种，很多人都还不知道怎么使用它，下面就让一聚教程网来告诉大家怎么使用吧。

支持布局

reponsive

fixed-height

fixed

示例

banner 样式

layout="responsive" 为组件布局设定，文档

<mip-ad

layout="responsive"

width="414"

height="80"

type="ad-comm"

tpl="onlyImg"

href="//m.baidu.com/s?word=百度"

data-size="1242 180"

src="//m.baidu.com/static/search/ala/ad_1.png">

</mip-ad>

无图样式

<mip-ad

layout="fixed-height"

height="80"

type="ad-comm"

tpl="noneImg"

href="//m.baidu.com/s?word=百度"

data-title="广告标题">

</mip-ad>

单图样式

<mip-ad

layout="reponsive"

width="414"

height="80"

type="ad-comm"

tpl="oneImg"

href="//m.baidu.com/s?word=百度"

data-size="1242 180"

src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2357051511,2286288825&fm=11&gp=0.jpg"

data-title="广告标题">

</mip-ad>

多图样式

<mip-ad

type="ad-comm"

tpl="moreImg"

href="//m.baidu.com/s?word=百度"

data-size="1242 180"

src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=4009078664,3186400936&fm=111&gp=0.jpg;https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=521986262,2379149184&fm=21&gp=0.jpg;https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=195400779,4163278668&fm=21&gp=0.jpg"

data-ads="这里是广告摘要;这里是广告摘要"

data-txt="这里是图片标题;这里是图片标题;这里是图片标题啊啊啊"

data-title="这里是广告标题这里是广告标题标">

</mip-ad>

属性

type

说明：广告类型

必选项：是

类型：字符串

取值：ad-comm 默认值：无

tpl

说明：样式

必选项：是

类型：字符串

取值：banner,noneImg,oneImg,moreImg 默认值：无

href

说明：跳转地址

必选项：是

类型：URL

默认值：无

src

说明：图片地址，在多图类型下，多张图片的地址用半角分号(;)分隔开

必选项：否

类型：字符串

默认值：无

data-size

说明：图片大小, 用来设定图片的宽高比，在有图片的情况下需要设置

必选项：否(广告类型为banner时，必填)

类型：两数字用空格分开

默认值：无

data-title

说明：广告标题，可设置为广告描述

必选项：banner，多图)否;(无图，单图)是

类型：字符串

默认值：无

data-txt

说明：广告子标题，多图时可用

必选项：否

类型：字符串

默认值：无

data-ads

说明：广告摘要，多图时可用

必选项：否

类型：字符串

默认值：无

ad-baidu-wm-ext 网盟扩展广告怎么使用呢？本次为大家带来的ad-baidu-wm-ext 网盟扩展广告详解中将为大家全面解析使用的方法。

示例

<!--domain="dup.lovedword.com"为示例，需要填写在网盟申请的domain-->

<mip-embed

type="baidu-wm-ext"

domain="dup.lovedword.com"

token="3a1ec097f7cbf63edb0e7f98eff238f950e6ca0b29e67fe1103c"

>

<div id="3a1ec097f7cbf63edb0e7f98eff238f950e6ca0b29e67fe1103c"></div>

</mip-embed>

属性

type

说明：广告类型

必选项：是

类型：字符串

取值：baidu-wm-ext

默认值：无

domain

说明：反屏蔽域名，填在百度网盟申请的域名

必选项：是

类型：URL

取值：不能带http 或 https 不带 // ,结尾不带 /

默认值：无

token

说明：在网盟申请的token值

必选项：是

类型：字符串

默认值：无

子节点div

说明：广告容器

必选：是

类型：html 节点

取值：id与token保持一致

单位：无

默认值：无

注意事项

union平台获取投放代码样例如下 < script type="text/javascript" src="http://dup.media.com/3e34c098f4cff73cdb1f23c5adf722f740e7855275e13eef.js" ></script > 绿色区域对应mip投放代码domain，红色区域对应mip投放代码token和div id

联盟反屏蔽接入要求反屏蔽域名支持https，详情请查看：说明文档

ad-baidu网盟广告怎么用？ad-baidu网盟广告详解中将会为大家全面解析该广告组件的使用方法，请看下文介绍。

支持布局

fixed-height

fixed

示例

非定制基本使用

<div class="mip-adbd">

<mip-ad

type="ad-baidu"

cproid="u2697398">

</mip-ad>

</div>

非定制加布局

组件布局：文档

<div class="mip-adbd">

<mip-ad

layout="responsive"

width="414"

height="80"

type="ad-baidu"

cproid="u2697398">

</mip-ad>

</div>

定制广告使用

需要注意的是：

定制广告的 script 标签中的参数必须带双引号，也就是说 script 标签中的数据必须是 json 格式的

mip-embed 或者 mip-ad 标签必须有一个div子节点，并且此节点必须有属性id，并且id的属性值是"cpro_"为前缀，script标签中的cproid为后缀的字符串，本例应为"cproid="u1908671"

定制广告的参数与原页面参数保持一致，如下代码仅为参考

layout="responsive" 为组件布局设定，文档

<mip-embed

layout="responsive"

width="414"

height="157"

type="ad-baidu"

cproid="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-embed>

属性

type

说明：广告类型

必选项：是

类型：字符串

取值：ad-baidu

默认值：无

cproid

说明：网盟广告id

必选项：是

类型：字符串

默认值：无

mip-ad 用来支持站长添加网页内自定义广告，主要包括连接、图文，多图，banner四种形式，这类广告可以制定大小也可以被用户关闭。

标题	内容
类型	通用
支持布局	responsive 文档
所需脚本	https://mipcache.bdstatic.com/static/v1/mip-ad/mip-ad.js
版本v1.0	支持别名mip-embed

示例

通用广告banner样式基本使用

<mip-ad type="ad-comm" tpl="onlyImg" href="//m.baidu.com/s?word=百度" data-size="1242 180" src="//m.baidu.com/static/search/ala/ad_1.png"> </mip-ad>

使用别名

<mip-embed type="ad-comm" tpl="onlyImg" href="//m.baidu.com/s?word=百度" data-size="1242 180" src="//m.baidu.com/static/search/ala/ad_1.png"> </mip-embed>