| 标题 | 内容 |
| 类型 | 通用，定制 |
| 支持布局 | responsive,fixed-height,fill,container,fixed |
| 所需脚本 | https://mipcache.bdstatic.com/static/v1/mip-stats-tianrun/mip-stats-tianrun.js |
示例
MIP 提供天润的插件，便于站长更好的接入 MIP，noscript 标签中是的代码是当访客手机不支持JS时直接URL回传统计数据，内容由第三方站长自己实现参数填充，代码示例：
<!-- 人民网CMS自己实现参数填充 noscript 示例：-->
<mip-stats-tianrun>
<noscript>
<img" width=100% src="//cl2.webterren.com/11.gif?z=26&_wdxid=000000000000000000000000000000000000000000&_wdt=011&_wdc=w_2930&_wdci=7678771&_wda=254&_wdp=2016-10-08&_wdori=%u4e2d%u56fd%u53f0%u6e7e%u7f51%u7efc%u5408&_wdti=%u6e56%u5317%u8b66%u6821%u6821%u82b1%u6652%u82f1%u6b66%u5236%u670d%u7167%u0030%u7ec6%u6570%u8b66%u5bdf%u754c%u7684%u4eba%u6c14%u201c%u7f51%u7ea2%u201d&_wdurl=http://m2.people.cn/mip/r/MV80Xzc2Nzg3NzFfMjkzMF8xNDc1ODgzNjcz?s=baidu-mip&_wdqd=m2_baidu&_wdvs=wap&_wda2=254&_wdot=0" width="0" height="0" alt=""/>
</noscript>
</mip-stats-tianrun>
注意事项
img 的 src 不能写协议
mip-stats-baidu百度统计怎么用？mip-stats-baidu 用来支持站长添加百度统计，详细的使用方法请看下文为大家带来的mip-stats-baidu百度统计详解。
| 描述 | 百度统计组件，用于统计页面数据 |
| 类型 | 通用 |
| 支持布局 | N/S |
| 所需脚本 | https://mipcache.bdstatic.com/static/v1/mip-stats-baidu/mip-stats-baidu.js |
示例
MIP提供百度统计的插件，便于分析页面数据，需要提前到百度统计这边创建站点，会自动生成js代码使用提取工具提取token，并使用MIP提供的插件，代码示例：
|
<mip-stats-baidu token="02890d4a309827eb62bc3335b2b28f7f"></mip-stats-baidu> |
属性
token
说明：token
必填：是
格式：字符串
mip-sidebar侧边栏组件怎么用？废话不多说，不知道怎么使用的请看下文为大家带来的mip-sidebar侧边栏组件详解。
| 标题 | 内容 |
| 类型 | 通用 |
| 支持布局 | N/S |
| 所需脚本 | https://mipcache.bdstatic.com/static/v1/mip-sidebar/mip-sidebar.js |
示例
基本使用
|
<header> <div id="hamburger" class="mip-button" on="tap:sidebar.open"> <div id="logo" href="/">Open mip-sidebar</div> </div> </header> <mip-sidebar id='sidebar' layout="nodisplay" class="mip-hidden"> <ul> <li> <mip-link href="#">Home</mip-link> <button class="mip-button" on="tap:sidebar.close"> X </button> </li> <li> Nav item 1</li> <li> <mip-fit-text width="220" height="20" layout="responsive" max-font-size="24"> Nav item 2 - <mip-fit-text> </mip-fit-text> </li> <li> <mip-fit-text width="220" height="20" layout="responsive" max-font-size="24"> Nav item 3 - <mip-fit-text> longer text </mip-fit-text> </li> <li> Nav item 4 - Image <mip-img class='mip-sidebar-image' src="http://placeholder.qiniudn.com/100x50" width="20" height="20" alt="an image"></mip-img> </li> <li> Nav item 5</li> <li> Nav item 6</li> </ul> </mip-sidebar> |
右侧侧边栏
|
<header> <div id="hamburger" class="mip-button" on="tap:right-sidebar.open"> <div id="logo" href="/">Open mip-sidebar</div> </div> </header> <mip-sidebar id='right-sidebar' layout="nodisplay" side="right" class="mip-hidden"> <ul> <li> <mip-link href="#">Home</mip-link> <button class="mip-button" on="tap:right-sidebar.close"> X </button> </li> <li> Nav item 1</li> <li> <mip-fit-text width="220" height="20" layout="responsive" max-font-size="24"> Nav item 2 - <mip-fit-text> </mip-fit-text> </li> <li> <mip-fit-text width="220" height="20" layout="responsive" max-font-size="24"> Nav item 3 - <mip-fit-text> longer text </mip-fit-text> </li> <li> Nav item 4 - Image <mip-img class='mip-sidebar-image' src="http://placeholder.qiniudn.com/100x50" width="20" height="20" alt="an image"></mip-img> </li> <li> Nav item 5</li> <li> Nav item 6</li> </mip-sidebar> |
属性
id
说明：id
必填：是
格式：字符串
单位：无
默认值：无 使用限制：无
layout
说明：布局设定
必填：是
格式：字符串
单位：无
取值：nodisplay
side
说明：侧边栏位置设定，左边或者右边
必填：否
格式：字符串
单位：无
取值：left, right
默认值：left
mip-share分享组件怎么用？mip-share分享提供页面内分享按钮功能，默认分享当前网址，详细使用方法请看下文的mip-share分享组件详解。
| 标题 | 内容 |
| 类型 | 通用 |
| 支持布局 | responsive,fixed-height,fill,container,fixed |
| 所需脚本 | https://mipcache.bdstatic.com/static/v1/mip-share/mip-share.js |
示例
基本使用
|
<div class="mip-share-container"> <mip-share></mip-share> </div> |
fixed布局
|
<div class="mip-share-container"> <mip-share layout="fixed" width="200" height="158"> </mip-share> </div> |
自定义分享参数
|
<div class="mip-share-container"> <mip-share title="分享标题" content="分享内容" icon="https://m.baidu.com/se/static/pmd/pmd/share/images/bdu.jpg" layout="responsive" width="414" height="158"> </mip-share> </div> |
属性
url
说明：分享出去的网址
必选项：否
类型：字符串
取值范围：URL
默认值：当前页面的url
title
说明：分享出去的标题
必选项：否
类型：字符串
content
说明：分享出去的内容
必选项：否
类型：字符串
icon
说明：分享出去的图标
必选项：否
类型：字符串
取值范围：URL