mip-stats-baidu百度统计详解 mip-stats-baidu百度统计怎么用

 更新时间:2016年12月21日 21:00  点击:1358
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

mip-nav-slidedown菜单怎么用?mip-nav-slidedown 实现响应式的菜单,在mip官网有引用,详细的用法请看下文为大家带来的mip-nav-slidedown菜单详解。

标题 内容
类型 通用
支持布局 responsive,fixed-height,fill,container,fixed 文档
所需脚本 https://mipcache.bdstatic.com/static/v1/mip-nav-slidedown/mip-nav-slidedown.js

示例

按如下格式添加内容,<a>可以替换为<mip-link>

<div class="mip-nav-wrapper">

<mip-nav-slidedown data-id="bs-navbar" class="mip-element-sidebar container" data-showbrand="1">

<nav id="bs-navbar" class="navbar-collapse collapse navbar navbar-static-top">

<ul class="nav navbar-nav navbar-right">

<li class="index-body">

<a target="_blank" href="//www.mipengine.org/">首页</a>

</li>

<li class="doc-body">

<a target="_blank" href="//www.mipengine.org/doc/00-mip-101.html">教程</a>

</li>

<li class="timeline-body">

<a target="_blank" href="//www.mipengine.org/timeline.html">动态</a>

</li>

<li class="">

<a target="_blank" href="http://www.cnblogs.com/mipengine/" target="_blank">博客</a>

</li>

<li class="navbar-wise-close">

<span id="navbar-wise-close-btn"></span>

</li>

</ul>

</nav>

</mip-nav-slidedown>

</div>

属性

data-id

说明:内部菜单id

必选项:是

类型:字符串

data-showbrand

说明:是否需要左上角显示可点击图标

必选项:否

类型:字符串,0(不显示),1(显示)

默认值:1

data-brandhref

说明:左上角图标跳转链接,在data-showbrand为1时有效

必选项:否

类型:url

默认:'/'

[!--infotagslink--]

相关文章

  • 百度网盟和google网盟推广那种效果好

    专做了百度和google的网盟推广以作推广效果的评估比较。百度的周期为6天,google为4天。   从百度的统计数据可以看出这六天的点击次数总共为464,平均点击花费了0.30元...2017-07-06
  • 如何根据百度地图计算出两地之间的驾驶距离(两种语言js和C#)

    以下是使用js代码实现百度地图计算两地距离,代码如下所示:<script src="js/jquery-1.9.0.js" type="text/javascript" language="javascript"></script><script language="javascript" type="text/javascript" src="js/...2015-10-30
  • 百度联盟封号了解封申请攻略

    百度联盟封号对于许多的站长来说肯定是会影响到心情的,那么既然是百度联盟封号了我们就肯定有一些原因的,虽然不是你自己搞的或一些其它因素都有可能,我们下面整理一下百...2016-10-10
  • C#统计字符串中数字个数的方法

    这篇文章主要介绍了C#统计字符串中数字个数的方法,涉及C#遍历字符串并判断数字的技巧,需要的朋友可以参考下...2020-06-25
  • 基于JavaScript实现高德地图和百度地图提取行政区边界经纬度坐标

    本文给大家介绍javascript实现高德地图和百度地图提取行政区边界经纬度坐标的相关知识,本文实用性非常高,代码简单易懂,需要的朋友参考下吧...2016-01-24
  • 网站被百度拔毛 一月重新回归经验分离

    网站被K后,笔者做的第一件事便是在网站上增加更新模块。百度算法更新,对于网站内容给予了相当大的权重,这是笔者网站最欠缺的部分,保证了及时的更新便有了吸引蜘蛛爬取的...2016-10-10
  • 如何用PS将百度熊抱枕做成大头枕?

    我们知道百度熊抱枕很大,只想要百度熊的大头,该怎么办呢?下面我们就来看看详细的教程。 1、首先打开photoshopCS6软件,新建一个“1600*1600”的白色背景图,并从右上角...2016-12-31
  • 如何根据百度地图计算出两地之间的驾驶距离(两种语言js和C#)

    以下是使用js代码实现百度地图计算两地距离,代码如下所示:<script src="js/jquery-1.9.0.js" type="text/javascript" language="javascript"></script><script language="javascript" type="text/javascript" src="js/...2015-10-30
  • 怎么对百度网页搜索的检索指标进行评估

    用户为满足自己某种需求而来到搜索引擎的,判断用户的需求是做好网站的开始。只有准确地判断出用户需求,了解用户搜索的目的,才能合理地衡量出一个网站结果的质量好,做好搜...2016-10-10
  • 如何应对百度更新改动关键词

    网页头部head 部分:TITLE 、<mtea>部分 网站描述Description、keyword 内容中的关键词,大家优化时也都比较重视这部分的关键词优化,因为在查询搜索结果时此处出现的关键词...2017-07-06
  • Linux下统计当前文件夹下的文件个数、目录个数

    这篇文章主要介绍了Linux下统计当前文件夹下的文件个数、目录个数,本文使用ls命令配合管理、grep命令实现统计需求,需要的朋友可以参考下...2020-07-11
  • 浅谈OpenCV中的新函数connectedComponentsWithStats用法

    这篇文章主要介绍了浅谈OpenCV中的新函数connectedComponentsWithStats用法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-07-05
  • JS实现获取来自百度,Google,soso,sogou关键词的方法

    这篇文章主要介绍了JS实现获取来自百度,Google,soso,sogou关键词的方法,结合实例形式分析了js获取来路页面的方法与相关搜索引擎关键词的处理技巧,需要的朋友可以参考下...2017-01-09
  • JS+JSP通过img标签调用实现静态页面访问次数统计的方法

    这篇文章主要介绍了JS+JSP通过img标签调用实现静态页面访问次数统计的方法,基于JavaScript动态调用jsp页面通过对TXT文本文件的读写实现统计访问次数的功能,需要的朋友可以参考下...2015-12-16
  • WinForm调用百度地图接口用法示例

    这篇文章主要介绍了WinForm调用百度地图接口用法,结合具体实例形式简单分析了WinForm WebBrower控件与前端百度接口交互的相关操作技巧,需要的朋友可以参考下...2020-06-25
  • Illustrator绘制百度云标志LOGO教程

    今天小编在这里就来给Illustrator的这一款软件的使用者们来说一说绘制百度云标志LOGO的教程,各位想知道具体绘制方法的使用者,那么下面就快来跟着小编一起看一看教程。...2016-09-14
  • Postgresql 动态统计某一列的某一值出现的次数实例

    这篇文章主要介绍了Postgresql 动态统计某一列的某一值出现的次数实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-01-26
  • Servlet实现统计页面访问次数功能

    这篇文章主要介绍了Servlet实现统计页面访问次数功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-04-08
  • PHPCMS实现自动推送URL到百度站长平台

    我们一起来看一篇关于PHPCMS实现自动推送URL到百度站长平台,希望此教程能够帮助到各位朋友。 百度站长平台开放url推送接口,可以使用调用接口的形式主动及时推送u...2016-11-25
  • 百度不更新网站原因分析

    百度不更新网站原因分析 今天我们来看一篇关于 哦,你是不是其它的之一呢,好了下面来看看各位站长总结了来百度不更新网页的原因吧。 一、首页的大flash图片。   ...2016-10-10