ad-comm 通用广告详解
支持布局
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> |
相关文章
Java8 实现stream将对象集合list中抽取属性集合转化为map或list
这篇文章主要介绍了Java8 实现stream将对象集合list中抽取属性集合转化为map或list的操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-02-05- 这篇文章主要介绍了java8如何用Stream查List对象某属性是否有重复的操作,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教...2021-09-11
解决:failed to open stream: No such file or directory in
本教程来给各位同学介绍failed to open stream: No such file or directory in解决办法,有需要了解的朋友可进入参考。 Warning: include_once(./include/main.i...2016-11-25- 下面小编就为大家带来一篇C#学习笔记- 随机函数Random()的用法详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2020-06-25
- 这篇文章主要介绍了c++中system("pause")的作用和含义,非常不错,具有参考借鉴价值,需要的朋友参考下吧...2020-04-25
- 今天小编就为大家分享一篇解决Pycharm的项目目录突然消失的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-04-22
- pycharm2021激活码是一个可以轻松帮助用户免费激活pycharm2021.1软件的文件,虽然说pycharm现在只是推出了2021.1的EAP版,但是如果你想先率先体验一波,那么就可以利用小编提供的这个激活码来进行使用啦,并这个激活码是永久有效的...2021-03-30
- 这篇文章主要介绍了pycharm实现print输出保存到txt文件,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-06-02
- 这篇文章主要介绍了pycharm 实现光标快速移动到括号外或行尾的操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-02-06
超实用Internet Download Manager(IDM)破解注册码,全版本通用
IDM下载器是一个十分好用的文件下载工具。IDM下载器它能够帮助你提升5倍的下载速度,强大的续传功能,让你不再担心因网络问题、计算机宕机、停电等原因所造成的数据不全问题,下面小编给大家带来了InternetDownloadManager(IDM)破解注册码,感兴趣的朋友参考下吧...2023-01-06vue项目页面嵌入代码块vue-prism-editor的实现
这篇文章主要介绍了vue项目页面嵌入代码块vue-prism-editor的实现,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2020-10-30PHP用DOM方式处理HTML之《Simple HTML DOM》
近经常需要采集一些网上的数据,发现一个PHP处理HTML的利器 simple html dom,看了一下文档,使用非常方便,关键是能够用CSS选择器来访问DOM树,和jquery相似,实在是难得的利器...2016-11-25- 本篇文章是对C#中WinForm控件之Dock顺序调整进行了详细的分析介绍,需要的朋友参考下...2020-06-25
- PHP-FPM我们相信各位用高版本的php经常使用到了,下面整理了一些关于PHP-FPM的笔记,有兴趣的可进来看看。 今天赶上了123System OPenVZ VPS全场半价的机会,购入了一...2016-11-25
jQuery遍历DOM的父级元素、子级元素和同级元素的方法总结
借助jQuery我们可以轻松地堆DOM元素进行向上、向下遍历以及同级的遍历,本文我们即来整理jQuery遍历DOM的父级元素、子级元素和同级元素的方法总结:...2016-07-25- 这篇文章主要介绍了使用list stream:任意对象List拼接字符串操作,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教...2021-09-09
- 这篇文章主要介绍了WebStorm无法正确识别Vue3组合式API的解决方案,帮助大家更好的理解和学习使用vue框架,感兴趣的朋友可以了解下...2021-02-18
- 在DOM操作中,常常需要动态创建HTML内容,使文档在浏览器里的呈现效果发生变化,并且达到各种各样的人机交互目的....2016-04-27
php-fpm 启动报please specify user and group other than root, pool ‘default’
本文章来给大家介绍关于php-fpm 启动报please specify user and group other than root, pool ‘default’的解决办法。 安装PHP ,配置fpm 成功后启动发现报错: St...2016-11-25antd Form组件方法getFieldsValue获取自定义组件的值操作
这篇文章主要介绍了antd Form组件方法getFieldsValue获取自定义组件的值操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-10-29