ad-ssp 内容联盟广告详解

内容联盟广告是一直弄个常见的添加广告的方法，而在MIP ad-ssp 内容联盟广告又要怎么天假呢？本次一聚教程网为大家带来的详细的方法，请看下文介绍。

支持布局

reponsive

fixed-height

示例

页面内嵌ssp广告

<mip-ad

type="ad-ssp"

data-site-id="xxxxxxxxtodo"

data-block-id="xxxx"

>

</mip-ad>

页面浮动ssp广告

浮动的ssp广告需使用mip-fixed元素和 fixed-height布局

<mip-fixed type="top" >

<mip-ad

type="ad-ssp"

data-site-id="xxxxxxxxtodo"

data-block-id="xxxx"

layout="fixed-height"

height="75px"

>

</mip-ad>

</mip-fixed>

属性

type

说明：广告类型

必选项：是

类型：字符串

取值：ad-ssp

默认值：无

data-site-id

说明：网站id，在ssp投放代码中可见

必选项：是

类型：字符串

data-block-id

说明：广告id，在ssp投放代码中可见

必选项：是

类型：字符串

全网推荐广告是在网页上常见的一种推荐方法，那么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

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

必选项：否

类型：字符串

默认值：无