支持布局
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" width=100% 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" width=100% 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" width=100% 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"" width=100% src="http://dup.media.com/3e34c098f4cff73cdb1f23c5adf722f740e7855275e13eef.js" ></script > 绿色区域对应mip投放代码domain,红色区域对应mip投放代码token和div id
联盟反屏蔽接入要求反屏蔽域名支持https,详情请查看:说明文档