ad-imageplus 图加广告详解

图加广告是在网站页面上经常会用到的添加广告方法之一，那么在ad-imageplus 图加广告中又要如何实现呢？下面一聚教程网为大家带来了详细的使用方法，希望对大家有所帮助。

图+广告的代码位迁移至mip的具体方法

支持布局

N/S

示例

示例1

非 mip 页投放方式

<!-- 图+原代码位 示例 -->

<script type="text/javascript">

var baiduImagePlus = {

unionId: "u888888"

};

</script>

<script src="//cpro.baidustatic.com/cpro/ui/mi.js"></script>

mip 页投放方式

<mip-ad

type="ad-imageplus"

unionId="u888888"

>

</mip-ad>

示例2

非 mip 页投放方式

<!-- 图+原代码位 示例 -->

<script type="text/javascript">

var baiduImagePlus = {

unionId: "u888888",

formList: [{formId:21}, {formId:22}]

};

</script>

<script src="//cpro.baidustatic.com/cpro/ui/mi.js"></script>

mip 页投放方式

<mip-ad

type="ad-imageplus"

unionId="u888888"

FormList="[{formId:21}, {formId:22}]"

>

</mip-ad>

示例3

非 mip 页投放方式

<!-- 图+原代码位 示例 -->

<script type="text/javascript">

var baiduImagePlus = {

unionId: "u888888",

formList: [{formId:21}, {formId:22}],

nopicFormList: [{formId:25}]

};

</script>

<script src="//cpro.baidustatic.com/cpro/ui/mi.js"></script>

mip 页投放方式

<mip-ad

type="ad-imageplus"

unionId="u888888"

FormList="[{formId:21}, {formId:22}]"

nopicFormList="[{formId:25}]"

>

</mip-ad>

属性

type

说明：迁移到mip后的广告类别

必选项：是

类型：字符串

取值：ad-imageplus 默认值：无

unionId

说明：广告位id，与原广告位id相同 (原广告位id也可能叫cpro_id) 必选项：是

类型：字符串

默认值：无

FormList

说明：广告样式列表，从原广告位 formList 属性拷贝过来即可，原广告位无 formList 则省略

必选项：否

类型：字符串

默认值：无

nopicFormList

说明：广告样式列表，从原广告位nopicFormList属性拷贝过来即可，原广告位无nopicFormList则省略

必选项：否

类型：字符串

默认值：无

注意事项

百度网盟业务端：http://union.baidu.com

图+广告官网：http://imageplus.baidu.com

图+广告代码位会自动在页面上的前4张大图上加载并展现广告；

图+广告的具体样式勾选，请到 百度网盟业务端 或 图+广告官网 进行操作；

一个页面上，只应该出现一个图+代码位，即可以支持多个图片上出多个样式的广告的功能。

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

必选项：是

类型：字符串

默认值：无