您的位置：首页 > 网站推广 > 经验心得  >  mip-stats-tianrun 天润统计详解

mip-stats-tianrun 天润统计详解

 更新时间：2016年12月21日 21:00  点击：2191
mip-stats-tianrun 用来支持站长添加天润统计，本次为大家带来的mip-stats-tianrun 天润统计详解，为大家全面解析该组件的使用的方法。

标题 内容
类型 通用，定制
支持布局 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 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

[!--infotagslink--]

相关文章

  • 关于JavaScript中name的意义冲突示例介绍

    在昨天的《Javascript权威指南》学习笔记之十：ECMAScript 5 增强的对象模型一文中，对于一段代码的调试出现了一个奇怪现象，现将源代码贴在下面： 复制代码 代码如下: <script type="text/javascript"> function Person(){}...2014-05-31

  • javascript自定义的addClass()方法

    复制代码 代码如下: //element:需要添加新样式的元素，value：新的样式 function addClass(element, value ){ if (!element.className){ element.className = value; }else { newClassName = element.className; newClas...2014-05-31

  • JavaScript中的this关键字使用方法总结

    在javascritp中，不一定只有对象方法的上下文中才有this， 全局函数调用和其他的几种不同的上下文中也有this指代。 它可以是全局对象、当前对象或者任意对象，这完全取决于函数的调用方式。JavaScript 中函数的调用有以下...2015-03-15

  • JavaScript中逗号运算符介绍及使用示例

    有一道js面试题，题目是这样的：下列代码的执行结果是什么，为什么？ 复制代码 代码如下: var i, j, k; for (i=0, j=0; i<10, j<6; i++, j++) { k = i+j; } document.write(k); 答案是显示10，这道题主要考察JavaScript的逗...2015-03-15

  • javascript的事件触发器介绍的实现

    事件触发器从字面意思上可以很好的理解，就是用来触发事件的，但是有些没有用过的朋友可能就会迷惑了，事件不是通常都由用户在页面上的实际操作来触发的吗？这个观点不完全正确，因为有些事件必须由程序来实现，如自定义事件，jQue...2014-06-07

  • ActiveX控件与Javascript之间的交互示例

    1、ActiveX向Javascript传参 复制代码 代码如下: <script language="javascript" for="objectname" event="fun1(arg)"> fun2(arg); </script> objectname为ActiveX控件名，通过<object>标签里的id属性设定,如下； 复制...2014-06-07

  • 详解JavaScript操作HTML DOM的基本方式

    通过 HTML DOM，可访问 JavaScript HTML 文档的所有元素。 HTML DOM (文档对象模型) 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。 HTML DOM 模型被构造为对象的树： 通过可编程的对象模型，Java...2015-10-23

  • JavaScript获取浏览器信息的方法

    Window有navigator对象让我们得知浏览器的全部信息.我们可以利用一系列的API函数得知浏览器的信息.JavaScript代码如下:function message(){ txt = "<p>浏览器代码名: " + navigator.appCodeName + "</p>";txt+= "<p>...2015-11-24

  • 跟我学习javascript的最新标准ES6

    虽然ES6都还没真正发布，但已经有用ES6重写的程序了，各种关于ES789的提议已经开始了，这你敢信。潮流不是我等大众所能追赶的。潮流虽然太快，但我们不停下学习的步伐，就不会被潮流丢下的，下面来领略下ES6中新特性，一堵新生代JS...2015-11-24

  • JavaScript操作URL的相关内容集锦

    ---恢复内容开始---1.location.href.....（1）self.loction.href="http://www.cnblogs.com/url" window.location.href="http://www.cnblogs.com/url" 以上两个用法相同均为在当前页面打开URL页面 （2）this.locati...2015-10-30

  • javascript实现tab切换的四种方法

    tab切换在网页中很常见，故最近总结了4种实现方法。 首先，写出tab的框架，加上最简单的样式，代码如下： <!DOCTYPE html> <html> <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style> *{ pa...2015-11-08

  • 基于JavaScript如何实现私有成员的语法特征及私有成员的实现方式

    前言在面向对象的编程范式中，封装都是必不可少的一个概念，而在诸如 Java，C++等传统的面向对象的语言中， 私有成员是实现封装的一个重要途径。但在 JavaScript 中，确没有在语法特性上对私有成员提供支持， 这也使得开发人员使...2015-10-30

  • javascript实现数独解法

    生生把写过的java版改成javascript版，第一次写，很不专业，见谅。唉，我是有多闲。复制代码 代码如下: var Sudoku = { init: function (str) { this.blank = []; this.fixed = []; this.cell =...2015-03-15

  • javascript中slice(),splice(),split(),substring(),substr()使用方法

    1.slice（）；Array和String对象都有在Array中 slice(i,[j])i为开始截取的索引值,负数代表从末尾算起的索引值，-1为倒数第一个元素 j为结束的索引值，缺省时则获取从i到末尾的所有元素参数返回： 返回索引值从i到j的数组，原数组...2015-03-15

  • javascript中的document.open()方法使用介绍

    document.open()方法打开一个新的文档，并用document.write()方法编写文档的内容，然后用document.close()方法关闭文档操作，使其内容显示出来。 例如： 复制代码 代码如下: <script type="text/javascript"> window.onloa...2013-10-13

  • javascript如何实现暂停功能

    本文实例讲述了JS实现的自定义网页拖动类。分享给大家供大家参考，具体如下： Javascript本身没有暂停功能（sleep不能使用）同时 vbscript也不能使用doEvents，故编写此函数实现此功能。 javascript作为弱对象语言，一个函数也...2015-11-08

  • JavaScript多并发问题如何处理

    经常在写代码的时候碰到这样的场景：页面初始化时显示loading页，同时启动多个ajax并发请求获取数据，当每个ajax请求返回时结束loading。 举个例子，一个下订单的页面，要查询常用地址信息、商品信息、地市信息…而这些请求都...2015-10-30

  • JavaScript制作淘宝星级评分效果的思路

    小编也是刚开始学JavaScript，觉得淘宝评星效果很棒，于是产生了自己写一个的想法，先给大家分享一下实现效果：现附上自己写的源代码 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script language="Java...2015-11-24

  • 开启Javascript中apply、call、bind的用法之旅模式

    我希望能够通过这篇文章，能够清晰的提升对apply、call、bind的认识，并且列出一些它们的妙用加深记忆。 apply、call 在 javascript 中，call 和 apply 都是为了改变某个函数运行时的上下文（context）而存在的，换句话说，就是为...2015-10-30

  • 浅析javascript中function 的 length 属性

    [1,2,3].length 可以得到 3， "123".length 也可以得到 3，这个略懂js的都知道。但是 eval.length，RegExp.length，"".toString.length，1..toString.length 会得到什么呢？分别得到 1，2，0，1，这些数字代表什么呢？这个是群里很多新...2014-05-31