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> |
标题 | 内容 |
类型 | 通用 |
支持布局 | responsive,fixed-height,fill,container,fixed |
所需脚本 | https://mipcache.bdstatic.com/static/v1/mip-vd-tabs/mip-vd-tabs.js |
示例
一共支持5种样式
等分固定标签页
<mip-vd-tabs>
<section>
<li>第一页</li>
<li>第二页</li>
<li>第三页</li>
<li>第四页</li>
</section>
<div>内容1</div>
<div>内容2</div>
<div>内容3</div>
<div>内容4</div>
</mip-vd-tabs>
横滑标签页
<mip-vd-tabs allow-scroll>
<section>
<li>第一季</li>
<li>第二季</li>
<li>第三季</li>
<li>第四季</li>
<li>第五季</li>
<li>第六季更新至09</li>
</section>
<div>内容1</div>
<div>内容2</div>
<div>内容3</div>
<div>内容4</div>
<div>内容5</div>
<div>内容6</div>
</mip-vd-tabs>
带下拉按钮的横滑标签页
<mip-vd-tabs allow-scroll toggle-more toggle-label="自定义文字">
<section>
<li>第一季</li>
<li>第二季</li>
<li>第三季</li>
<li>第四季更新至09</li>
</section>
<div>内容1</div>
<div>内容2</div>
<div>内容3</div>
<div>内容4</div>
</mip-vd-tabs>
底部标签页
<mip-vd-tabs allow-scroll type="bottom" current="3">
<div>内容1</div>
<div>内容2</div>
<div>内容3</div>
<div>内容4</div>
<section>
<li>第一季</li>
<li>第二季</li>
<li>第三季</li>
<li>第四季更新至09</li>
</section>
</mip-vd-tabs>
剧情展开标签页
<mip-vd-tabs
type="episode"
toggle-more
toggle-label="老九门剧情选集"
allow-scroll
total="23"
current="11"
text-tpl="看第{{x}}集"
link-tpl="http://www.baidu.com/{{x}}/juji">
</mip-vd-tabs>
属性
type
说明:一共有三种特型, bottom(底部选项卡), episode(剧情选项卡), 不填则为默认特型
必填项:否
allow-scroll
说明:允许滑动
必填项:否
toggle-more
说明:是否显示下拉按钮. 前置依赖于allow-scroll属性
必填项:否
toggle-label
说明:下拉说明文字. 前置依赖于toggle-more属性
必填项:否
current
说明:当前已选标签页, 从0开始计数(current="3"表示第4个标签页). 当type="episode"时,表示当前剧集,从1开始计数(current="4"表示第4集),默认为1.
必填项:否
total
说明:剧集总数. 前置依赖于type="episode",并且当type="episode"为必填
必填项:否
page-size
说明:每页显示剧集数. 前置依赖于type="episode",默认为50
必填项:否
text-tpl
说明:显示在标签页上的剧集文案, "第{{x}}集"里的"{{x}}"将被替换成表示集数的数字. 前置依赖于type="episode".
必填项:否
link-tpl
说明:标签页和下拉菜单里的剧集跳转链接, 链接里的"{{x}}"将被替换成表示集数的数字. 前置依赖于type="episode",当type="episode"为必填.
必填项:否
head-title
说明:标签页和下拉菜单里的剧集跳转新页面的头部标题. 前置依赖于type="episode",当type="episode"为必填.
必填项:否
相关文章
- 由于要使用mikoomi mongodb plugin插件,所以需要php对mongodb的扩展支持,默认通过源安装的php并没有mongodb的扩展支持,具体可以通过php -m|grep mongo 验证 。这里就结...2016-11-25
- 安装curl扩展支持https是非常的重要现在许多的网站都使用了https了,下面我们来看一篇关于PHP安装curl扩展支持https例子吧。 问题: 线上运行的lamp服务器,默认yu...2016-11-25
java 画pdf用itext调整表格宽度、自定义各个列宽的方法
这篇文章主要介绍了java 画pdf用itext调整表格宽度、自定义各个列宽的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-01-31- 通过本篇文章给大家介绍Sublime Text3使用技巧的相关知识,对sublime text3技巧相关知识感兴趣的朋友一起学习吧...2015-12-24
- 这篇文章主要介绍了浅谈Vue开发人员的7个最好的VSCode扩展,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-01-20
- PHP是一种解释型的语言,对于用户而言,我们精心的控制内存意味着easier prototyping和更少的崩溃!当我们深入到内核之后,所有的安全防线都已经被越过,最终还是要依赖于真正有责任心的软件工程师来保证系统的稳定运行。1、线...2015-11-08
- 在网站开发中,我们经常使用php similar text 计算两个字符串相似度;1,similar_text的用法 如果我想计算"ly89cn"和"ly89"的相似程度,有两种表示方法复制代码 代码如下: echo similar_text('ly89cn', 'ly89'); ...2015-11-08
- 这篇文章主要介绍了java 用itext设置pdf纸张大小操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-01-31
- 一、下载pthreads扩展下载地址:http://windows.php.net/downloads/pecl/releases/pthreads二、判断PHP是ts还是nts版通过phpinfo(); 查看其中的 Thread Safety 项,这个项目就是查看是否是线程安全,如果是:enabled,一般来说...2015-11-24
- 下面小编就为大家带来一篇javascript 广告移动特效的实现代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2016-07-01
- 这篇文章主要介绍了Redis集群水平扩展、集群中添加以及删除节点的操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-03-25
JavaScript开发者必备的10个Sublime Text插件
Sublime Text几乎是任何开发者在其工具箱的必备应用程序,这篇文章主要介绍了JavaScript开发者必备的10个Sublime Text插件,感兴趣的小伙伴们可以参考一下...2016-03-01- stream_context_create创建并返回一个文本数据流并应用各种选项,可用于fopen(),file_get_contents()等过程的超时设置、代理服务器、请求方式、头信息设置的特殊过程。...2016-11-25
- mcrypt 是 php 里面重要的加密支持扩展库,Linux环境下默认是没开启的,在某些功能时,我们需要安装mcrypt扩展才能正常访问,本文就来讲讲如何完全安装这个模块。 如果你...2016-11-25
- pcntl中的php必须要安装pcntl才可以实现多线程了,在网上找到许多的关于pcntl安装教程,下面整理了一篇比较完整的关于php pcntl安装与使用方法。 pcntl中php实现多进...2016-11-25
- 扩展就是向一个已有的类、结构体或枚举类型添加新功能。下面这篇文章主要给大家介绍了关于Swift中限定扩展的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起看看吧。...2020-06-30
- 这篇文章主要介绍了Sublime Text 3常用插件及安装方法的相关资料,需要的朋友可以参考下...2015-12-18
- 今天小编在这里就来教各位photoshop的这一款软件的使用者们来详细的说下汽车宣传广告海报制作教程,各位想知道到底该怎么制作的使用者们,下面就快来跟着小编一起看看教...2016-09-14
- 图加广告是在网站页面上经常会用到的添加广告方法之一,那么在ad-imageplus 图加广告中又要如何实现呢?下面一聚教程网为大家带来了详细的使用方法,希望对大家有所帮助。...2016-12-21
- 广告是一定要投的,用户也是一定要留住的,广告也少,用户感觉也好,那好,我们就减少广告。减少广告?那不是减少收禄。最终的解决这个矛盾的途径出现了——用最少的广...2017-07-06