ad-qwang 全网推荐详解

全网推荐广告是在网页上常见的一种推荐方法，那么mip ad-qwang 全网推荐需要怎么实现呢？请看一聚教程网为大家带来的ad-qwang 全网推荐详解。

支持布局

fixed-height

fixed

示例

基本使用

<mip-ad

type="ad-qwang"

cpro_psid="u2619809"

cpro_pswidth="auto"

cpro_psheight="230">

</mip-ad>

使用组件布局

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

<mip-ad

layout="responsive"

width="414"

height="80"

type="ad-qwang"

cpro_psid="u2619809"

cpro_pswidth="auto"

cpro_psheight="230">

</mip-ad>

属性

type

说明：广告类型

必选项：是

类型：字符串

取值：ad-qwang 默认值：无

cpro_psid

说明：广告投放id

必选项：是

类型：字符串

默认值：无

cpro_pswidth

说明：宽度

必选项：否

类型：数字

默认值：auto

cpro_psheight

说明：宽度

必选项：否

类型：数字

默认值：230

图加广告是在网站页面上经常会用到的添加广告方法之一，那么在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，详情请查看：说明文档