竹磬网-邵珠庆の日记 生命只有一次,你可以用它来做些更多伟大的事情–Make the world a little better and easier


2510月/120

创新工场李开复:中国更擅长非颠覆式创新

发布在 邵珠庆

 

创新工场CEO李开复在LinkedIn上贴出一篇短文,题目为《中国公司能创新吗?》。

这张图片上的内容是中国的“四大发明”:造纸术、指南针、印刷术、火药。几千年过去,中国人看起来在创新上落后了。有一些观点认为中国人就会抄袭。中国公司能创新吗?我认为答案是肯定的!

首先,我们需要对“创新”有更广泛的定义。当人们谈到“创新”的时候,他们通常指的是颠覆性(paradigm-shifting)的创新,比如苹果和谷歌研发的一流产品。中国不大可能有类似的产品出现,这是事实。但是有许多其他类型的创新是中国很擅长的:

本土化+迭代式创新:发现一个西方的产品,将它本地化,逐渐添加创新的元素进去。经过几次的产品迭代,该产品有了许多创新(例子:腾讯QQ学习ICQ)。

跨领域结合创新:将多个好的想法集合起来,设计一个新的产品(例子:淘宝集合了eBay拍卖和谷歌关键字营销,支付宝集合了贝宝的数字钱包和escrow.com的安全防护)。

商务模式或运营创新:找到多用利润最大化的方式(例子:“免费+付费”模式在巨人网络推出的游戏中首次得到普及。)对于中国当前的发展阶段来说,这是很正常的现象。创业者和商人很大程度上是货币驱动的。

需求导致创新:“需要是创新之母。”袁隆平的杂交水稻就是一个很好的例子——政府在最紧迫的研究领域投入资金支持。

如上几种创新很好地融合了中国文化传统——需要不断更新、试验、专注、整合,以结果为导向(与创新为导向恰恰相反)。

在其他一些领域里,中国人扩充了创新的概念:

国家重点扶持领域创新。新能源是最好的例子。

勤奋探索尝试创新。与冒险尝试和天马行空(out-of-the-box)的创新方式不同。

海归领头创新,有可能带来某一领域的突破。

美国人在颠覆性创新上会继续走在中国(和全世界)的前面。但是中国会在创新的其他大部分领域拔得头筹。非颠覆性的创新可能没这么光鲜靓丽,但是它更普遍、风险更低。未来几十年,中国将从中获得巨大的经济利益。

2410月/121

8 个很有的免费 CSS 的 UI 工具箱

发布在 邵珠庆

1) UI CSS

ui.css 是一个用来创建简洁的 Web 用户界面的工具,下载的文件只包含一个 css 文件。

2) UI Kit 

3) CSS UI Kit

4) Lion UI Kit CSS

该工具箱基于 Xcode 组件(OS X Lion),提供了 OS X 应用的原型,主要用于 WebKit,但其他浏览器表现也不错。

5) Pure CSS

6) CSS UI Kit

7) Merto CSS UI

Metro UI CSS 可让你创建 Windows 8 风格的网站。

8) Designer CSS UI Kit

这个工具箱主要使用 HTML5 + CSS3 技术来实现,包含很多常用的 UI 组件,看起来很漂亮而且时髦。

via zoomzum

1910月/120

jQuery性能优化指南

发布在 邵珠庆

现在jquery应用的越来越多, 有些同学在享受爽快淋漓coding时就将性能问题忽略了,  比如我.  jquery虽在诸多的js类库中性能表现还算优秀, 但毕竟不是在用原生的javascript开发, 性能问题还是需要引起重视的. 在twitter上发现了<jQuery Performance Rules>这篇文章, 简单的摘译了一下:

  1. 总是从ID选择器开始继承
  2. 在class前使用tag
  3. 将jquery对象缓存起来
  4. 掌握强大的链式操作
  5. 使用子查询
  6. 对直接的DOM操作进行限制
  7. 冒泡
  8. 消除无效查询
  9. 推迟到 $(window).load
  10. 压缩js
  11. 全面掌握jquery库

 

1. 总是从ID选择器开始继承

在jquery中最快的选择器是ID选择器. 因为它直接来自于Javascript的getElementById()方法.

<div id=“content”>

<form method=“post” action=“/”>

<h2>Traffic Light</h2>

<ul id=“traffic_light”>

<li><input type=“radio” class=“on” name=“light” value=“red” /> Red</li>

<li><input type=“radio” class=“off” name=“light” value=“yellow” /> Yellow</li>

<li><input type=“radio” class=“off” name=“light” value=“green” /> Green</li>

</ul>

<input class=“button” id=“traffic_button” type=“submit” value=“Go” />

</form>

</div>

像这样选择按钮是低效的:

var traffic_button = $(‘#content .button’);

用ID直接选择按钮效率更高:

var traffic_button = $(‘#traffic_button’);

选择多个元素

提到多元素选择其实是在说DOM遍历和循环, 这些都是比较慢的东西.为了提高性能, 最好从就近的ID开始继承.

var traffic_lights = $(‘#traffic_light input’);

2. 在class前使用tag

第二快的选择器是tag选择器($(’head’)). 同理,因为它来自原生的getElementsByTagName() 方法.

<div id=“content”>

<form method=“post” action=“/”>

<h2>Traffic Light</h2>

<ul id=“traffic_light”>

<li><input type=“radio” class=“on” name=“light” value=“red” /> Red</li>

<li><input type=“radio” class=“off” name=“light” value=“yellow” /> Yellow</li>

<li><input type=“radio” class=“off” name=“light” value=“green” /> Green</li>

</ul>

<input class=“button” id=“traffic_button” type=“submit” value=“Go” />

</form>

</div>$$

总是用一个tag name来限制(修饰)class (并且不要忘记就近的ID):

var active_light = $(‘#traffic_light input.on’);

注意: 在jquery中Class是最慢的选择器. IE浏览器下它会遍历所有DOM节点不管它用在那里.

不要用用tag name来修饰ID. 下面的例子将会遍历所有的div元素来查找id为’content’的哪一个节点:

var content = $(‘div#content’);

用ID修饰ID也是画蛇添足:

var traffic_light = $(‘#content #traffic_light’);

3.将jquery对象缓存起来

要养成将jquery对象缓存进变量的习惯.

永远不要这样做:

$(‘#traffic_light input.on).bind(’click‘, function(){…});

$(’#traffic_light input.on).css(‘border’, ‘3px dashed yellow’);

$(‘#traffic_light input.on).css(’background-color‘, ‘orange‘);

$(’#traffic_light input.on).fadeIn(’slow’);

最好先将对象缓存进一个变量然后再操作:

var $active_light = $(‘#traffic_light input.on’);

$active_light.bind(‘click’, function(){…});

$active_light.css(‘border’, ‘3px dashed yellow’);

$active_light.css(‘background-color’, ‘orange’);

$active_light.fadeIn(’slow’);

为了记住我们本地变量是jquery的封装, 通常用一个$作为变量前缀. 记住,永远不要让相同的选择器在你的代码里出现多次.

缓存jquery结果,备用

如果你打算将jquery结果对象用在程序的其它部分,或者你的function会多次执行, 那么就将他们缓存到一个全局变量中.

定义一个全局容器来存放jquery结果, 我们就可以在其它函数引用它们:

// 在全局范围定义一个对象 (例如: window对象)

window.$my ={

// 初始化所有可能会不止一次要使用的查询

head : $(‘head’),

traffic_light : $(‘#traffic_light’),

traffic_button : $(‘#traffic_button’)

};

function do_something(){

// 现在你可以引用存储的结果并操作它们

var script = document.createElement(’script’);

$my.head.append(script);

// 当你在函数内部操作是, 可以继续将查询存入全局对象中去.

$my.cool_results = $(‘#some_ul li’);

$my.other_results = $(‘#some_table td’);

// 将全局函数作为一个普通的jquery对象去使用.

$my.other_results.css(‘border-color’, ‘red’);

$my.traffic_light.css(‘border-color’, ‘green’);

}

4. 掌握强大的链式操作

上面的例子也可以写成这样:

var $active_light = $(‘#traffic_light input.on’);$active_light.bind(‘click’,function(){…})

.css(‘border’, ‘3px dashed yellow’)

.css(‘background-color’, ‘orange’)

.fadeIn(’slow’);

这样可以写更少的代码, 让我们的js更轻量.

5.使用子查询

jQuery 允许我们对一个已包装的对象使用附加的选择器操作. 因为我们已经在保存了一个父级对象在变量里, 这样大大提高对其子元素的操作:

<div id=“content”>

<form method=“post” action=“/”>

<h2>Traffic Light</h2>

<ul id=“traffic_light”>

<li><input type=“radio” class=“on” name=“light” value=“red” /> Red</li>

<li><input type=“radio” class=“off” name=“light” value=“yellow” /> Yellow</li>

<li><input type=“radio” class=“off” name=“light” value=“green” /> Green</li>

</ul>

<input class=“button” id=“traffic_button” type=“submit” value=“Go” />

</form>

</div>

例如, 我们可以用子查询的方法来抓取到亮或不亮的灯, 并缓存起来以备后续操作.

var $traffic_light = $(‘#traffic_light’),

$active_light = $traffic_light.find(‘input.on’),

$inactive_lights = $traffic_light.find(‘input.off’);

提示: 你可以用逗号分隔的方法一次声明多个局部变量–节省字节数



6.对直接的DOM操作进行限制

这里的基本思想是在内存中建立你确实想要的东西,然后更新DOM 。这并不是一个jQuery最佳实践,但必须进行有效的JavaScript操作 。直接的DOM操作速度很慢。

例如,你想动态的创建一组列表元素, 千万不要这么做:

var top_100_list = [...], // 假设这里是100个独一无二的字符串

$mylist = $(‘#mylist’); // jQuery 选择到 <ul> 元素

for (var i=0, l=top_100_list.length; i<l; i++){

$mylist.append(‘<li>’ + top_100_list[i] + ‘</li>’);

}

我们应该将整套元素字符串在插入进dom中之前全部创建好:

var top_100_list = [...],

$mylist = $(‘#mylist’),

top_100_li = “”; // 这个变量将用来存储我们的列表元素

for (var i=0, l=top_100_list.length; i<l; i++){

top_100_li += ‘<li>’ + top_100_list[i] + ‘</li>’;

}

$mylist.html(top_100_li);

我们在插入之前将多个元素包裹进一个单独的父级节点会更快:

var top_100_list = [...],

$mylist = $(‘#mylist’),

top_100_ul = ‘<ul id=”#mylist”>’;

for (var i=0, l=top_100_list.length; i<l; i++){

top_100_ul += ‘<li>’ + top_100_list[i] + ‘</li>’;

}

top_100_ul += ‘</ul>’; //关闭无序列表

$mylist.replaceWith(top_100_ul);

如果你做了以上几条还是担心有性能问题,那么:

  • 试试jquery的 clone() 方法, 它会创建一个节点树的副本, 它允许以”离线”的方式进行dom操作, 当你操作完成后再将其放回到节点树里.
  • 使用DOM DocumentFragments. 正如jQuery作者所言, 它的性能要明显优于直接的dom操作.

7. 冒泡

除非在特殊情况下, 否则每一个js事件(例如:click, mouseover, 等.)都会冒泡到父级节点. 当我们需要给多个元素调用同个函数时这点会很有用.

代替这种效率很差的多元素事件监听的方法就是, 你只需向它们的父节点绑定一次, 并且可以计算出哪个节点触发了事件.

例如, 我们要为一个拥有很多输入框的表单绑定这样的行为: 当输入框被选中时为它添加一个class

像这样绑定事件是低效的:

$(‘#entryform input).bind(’focus‘, function(){

$(this).addClass(’selected‘);

}).bind(’blur‘, function(){

$(this).removeClass(’selected);

});

我们需要在父级监听获取焦点和失去焦点的事件:

$(‘#entryform’).bind(‘focus’, function(e){

var cell = $(e.target); // e.target grabs the node that triggered the event.

cell.addClass(’selected’);

}).bind(‘blur’, function(e){

var cell = $(e.target);

cell.removeClass(’selected’);

});

父级元素扮演了一个调度员的角色, 它可以基于目标元素绑定事件. 如果你发现你给很多元素绑定了同一个事件监听, 那么你肯定哪里做错了.

8.消除无效查询

尽管jquery可以很优雅的处理没有匹配元素的情况, 但它还是需要花费时间去寻找. 如果你整站只有一个全局js, 那么极有可能把所有的jquery函数塞进$(document)ready(function(){//所有你引以为傲的代码})里.

只运行在页面里用到的函数. 大多数有效的方法就是使用行内初始化函数, 这样你的模板就能准确的控制何时何处该执行js.

例如, 你的”文章”页面模板, 你可能会引用如下的代码在body结束处:

<script type=“text/javascript>

mylib.article.init();

</script>

</body>

如果你的页面模板包含一些多变的模块可能不会出现在页面中, 或者为了视觉呈现的原因你需要它们能够快速加载, 你可以将初始化函数紧跟在模块之后.

<ul id=“traffic_light”>

<li><input type=“radio” class=“on” name=“light” value=“red” /> Red</li>

<li><input type=“radio” class=“off” name=“light” value=“yellow” /> Yellow</li>

<li><input type=“radio” class=“off” name=“light” value=“green” /> Green</li>

</ul>

<script type=“text/javascript>

mylib.traffic_light.init();

</script>

你的全局js库可能会是这样子的:

var mylib ={

article_page :{

init : function(){

// Article 特有的jQuery函数.

}

},

traffic_light :{

init : function(){

// Traffic light 特有的jQuery函数.

}

}

}

9. 推迟到 $(window).load

jquery对于开发者来说有一个很诱人的东西, 可以把任何东西挂到$(document).ready下冒充事件. 在大多数例子中你都会发现这样的情况.

尽管$(document).ready确实很有用, 它可以在页面渲染时,其它元素还没下载完成就执行. 如果你发现你的页面一直是载入中的状态, 很有可能就是$(document).ready函数引起的.

你可以通过将jquery函数绑定到$(window).load 事件的方法来减少页面载入时的cpu使用率. 它会在所有的html(包括<iframe>)被下载完成后执行.

$(window).load(function(){

// 页面完全载入后才初始化的jQuery函数.

});

多余的功能例如拖放, 视觉特效和动画, 预载入隐藏图像,等等. 都是适合这种技术的场合.

10. 压缩js

推荐一个js在线压缩地址: http://dean.edwards.name/packer/

11. 全面掌握jquery库

知己知彼, 百战百胜.  只有更深入的了解jQuery才能更灵活的使用它.  这里提供一个jQuery的速查手册, 可以打印出来随身携带.  要是有能力将jQuery源码通读一遍那就更好了.

1810月/120

10款好用的快速在线web开发工具

发布在 邵珠庆

 

这篇文章提供的10个快速在线网页开发工具可以为你在时间十分紧迫之际解决燃眉之急。这类工具的优点在于界面非常直观,操作简单快速,利用它们你可以做的事情包括:网页条纹,背景图案,网站Logo制作,字体样式,文本编辑,图像转换,取色器,等等,就算你不熟悉专业的应用程序如Dreamweaver之类,你也可以相当快速地完成操作。

1. Stripe Generator

这是我比较喜欢使用的网页条纹生成工具,可以制作完全个性化的渐隐渐显条形图案。

stripegen

2. BgPatterns

类似于上面的条纹生成器,利用预设图片或者背景条纹可制作漂亮的重复图形背景。

bgpattenrs

3. Creatr

我不怎么喜欢此类工具,但是有时没有其它选择,我又需要创建‘Web 2.0′ logo,这个工具似乎是不二选择。

creatr

4. Image Tool

又一个免费的Web 2.0 Logo制作工具。

imagetool

5. Typetester

需要快速设置你的字体? Typetester是一个很棒的工具,它能够让你按照自己的需要调整字体样式,提供在线预览,满意后可以下载一个样式表。

typetester

6. Editpad

一个轻量级的在线文本编辑器,可将编辑好的文本下载到本地保存。

Edit Pad   Online Text Editor

7. Converticon

一款图片格式转换工具,能够将普通图片转换成ico 或 png的格式,一切操作全部在线完成,推荐使用,建议收藏。

converticon

8. Color Scheme Designer

一款颜色生成工具。

colorscheme

9. Gomockingbird

网页框架生成工具,能够快速生成你想要的网页布局。

wireframe

10. ColourLovers

又一款好用的取色工具,颜色种类非常丰富,可以搜索颜色。

colourlovers

你对网页设计感兴趣吗?如果你喜欢这些在线工具,有新的想法,欢迎发表评论,并将本文分享给你的朋友。

1610月/120

Google Analytics 关于社交分析(The Social Relationship)

发布在 邵珠庆

这些天我这边对GA关于社交功能的学习和测试,得到了以下结论:
 
业界主要的社交有两个指标分享量回流量,GA提供了以社交网络来源和社交分享网页两个维度来进行查看详细的分享数据(我们主要使用的两个功能),数据准确度来说GA社交同GA其他功能一样,数据是基本准确的,但对整体流量趋势还是可以作为参考的,GA社交相关统计只要正确部署GA统计代码即可,不需要其他特殊部署方式
个人认为社交功能是对引荐流量的一种细化,将外部的引荐流量中的社交网络单独出来了,目前GA社交功能主要的功能包括:
1、来源(来自哪些社交网络)
社交网络来源->共享网址->完整引荐来源网址
这个功能还是可以帮助我们分析自己网站社交网络的分布和推广情况

问题:且此工具目前统计的流量来源中没有包含腾讯微博、QQ空间、朋友网、花瓣网等这些社交网络平台?

Google已经有很多的社交网络加入,目前我没有找到可以自己定义的社交网络,搜索了大量网上资料,是需要符合社交网络的网站自己向谷歌提交申请通过后才可以显示在社交功能里面    参考网址:https://developers.google.com/analytics/devguides/socialdata/ 

 
2、网页(哪些网页被社交网络分享,并获得回流)
共享网址->社交网络->完整引荐来源网址
可以获取用户比较喜欢分享并获得回流的页面是哪些,通过这些页面分享到的社交网络有哪些,被分享到的社交网络网址是什么
典型的例子:被分享到人人有一篇叫《机场内部人员都是这么定的机票的》 文章带来了较高的社交网络分享回流量
 
3、转化(根据我们设定的转换目标,来查看哪些社交网络带来的转换高)
在社交流量没有达到一定基数时此功能可以暂时先不设定转化
 
4、社交插件(主要是统计一些社交按钮Google[+1]按钮、Facebook[Like]按钮、Twitter[Follow] )
此插件对国内大多数站点基本没太大作用,大多相关社交插件国内都不能访问
 
5、社交访问流(根据社交网络带来的流量查看访问流)

 

 

 

作为一种营销渠道,社交网络的重要性与日俱增。不过,您应当如何衡量社交举措的影响力和效果呢?四个要素决定了您的社交影响力:

 

转化
来源
网页
社交插件
您的
社交影响力

 

  • 来源:随着您的内容在网上传播,吸引人们来到您的网站,您有必要了解不同社交来源的访问者如何与您的网站进行互动。
  • 转化:共享内容网址成为了您的网站的进入点,从各种社交来源为您吸引流量。通过衡量这种流量的转化和货币价值,有助于您了解社交网络对您的业务的影响力。
  • 网页:人们正越来越多地通过社交网络与内容互动、分享它们、讨论它们。您有必要了解哪些网页和内容正在被人们共享、在何处共享以及如何共享。
  • 社交插件:为您的网站添加社交插件按钮(例如 Google“+1”按钮),让您的用户可以直接从您的网站将内容共享到社交网络中。您的社交插件数据可显示哪些内容正在被人们共享,以及此共享活动发生在哪些网络中。

社交报告允许您集中分析所有这些信息,从宏观上了解社交网络如何影响您的业务。

社交报告

概览

通过概览报告,您可以对社交渠道产生的转化价值一目了然。社交价值图表的目的是对比所有达到的目标数量和货币价值,与通过社交引荐达到的目标数量和货币价值。

来自社交引荐的访问可能立即带来转化,也可能间接促成日后的转化。在该图表中,立即带来转化的引荐标为最终互动社交转化。如果来自社交来源的引荐没有立即带来转化,但相应访问者日后返回并发生转化,则该次引荐将被列为辅助社交转化。最好并列参考辅助转化和最终互动转化,这对了解社交网络在业务成效中发挥的作用至关重要。

来源

转到来源部分可查看各种参与度指标(网页浏览量、平均网站停留时间、每次访问页数等),这些指标反映的是来自各个社交网络的流量。通过这种方式,您可以了解哪些社交网络带来了最优质的流量。例如,对于带来的访问虽然不多,但流量的质量却较高的社交网络,您可以考虑增加投资。

来源报告还融入了针对社交数据中心合作伙伴网络的站外数据。点击具体合作伙伴网络,即可查看在该网站上共享的网址、其共享方式(例如通过“+1”或“转发”操作)以及围绕您的内容发生的对话(活动流)。请阅读活动流数据简介,了解此类数据的收集方式。

网页

转到网页部分可查看各种参与度指标(网页浏览量、平均网站停留时间、每次访问页数),这些指标针对的是各个网址。在表中按社交活动排序,可找出您的传播最快的内容。 

点击表中的具体网址可查看该网址的来源社交网络。对于社交数据中心合作伙伴网络,您还可以查看相应网址的站外共享:该网址的共享方式(例如通过“+1”或“转发”操作)、发生共享操作的网络以及发生的对话(活动流)。请阅读活动流数据简介,了解此类数据的收集方式。

转化

通过转化报告,您可以量化社交网络的价值。该报告可显示各个网络的引荐带来的总转化次数及其货币价值。点击辅助转化与最终互动转化对比分析(位于报告顶部的“探索”标签下方),了解各个网络通过“辅助点击”和“最终点击”为转化和收入做出了怎样的贡献。

  • 辅助转化次数辅助转化价值
    此指标是指社交网络辅助促成的销售和转化的数量(和货币价值)。“辅助点击”是指:某用户访问了您的网站,没有发生转化便离开,后来又返回您的网站并在后续访问期间发生了转化。这些数字的值越大,社交网络的辅助作用就越重要。
  • 最终互动转化次数最终互动转化价值
    此指标是指最终点击销售和转化的数量(和货币价值)。当某用户访问您的网站并发生转化时,此次访问就会被视为“最终点击”。这些数字的值越大,社交网络在促进销售和转化方面的作用就越重要。
  • 辅助转化次数/最终互动转化次数
    此比值是对社交网络整体作用的整体反映。接近 0 的值表示社交网络的主要作用是产生最终点击。接近 1 的值表示社交网络在产生辅助点击和最终点击方面作用相当。该值比 1 大得越多,就表示社交网络在产生辅助点击方面发挥的作用越大。

请注意,您必须定义目标和目标价值,然后才能在此报告中看到数据。

社交插件

如果您的网站上有 Google“+1”和 Facebook“赞”(Like) 按钮,那么了解哪些按钮获得了点击以及访问者因为哪些内容而进行点击,就具有重要意义。举例来说,如果您在自己的网站上发表文章,您会希望了解哪些文章最常得到访问者的“赞”或分享,以及访问者通过哪些社交网络(例如,Google+ 或 Facebook)分享这些文章。掌握了这些信息,您就可以创作更多访问者喜欢的内容。此外,如果您发现有些按钮很少使用,可以删除这些按钮,保持简洁。

社交插件报告可显示在您的网站上,哪些文章的共享次数最多,还有用户共享这些文章时使用了哪些社交按钮(例如 Google“+1”或 Facebook“赞”)。

社交访问流

社交访问流可显示各社交网络的访问者进入您的网站的初始路径。例如,如果您投放了宣传特定产品的广告系列,则可以查看来自各社交网络的访问者是否通过这些产品页面进入您的网站、他们是否继续访问了网站的其他版块或他们是否退出了网站。将鼠标悬停在图表上的某个来源(例如 Google+)上,选择仅查看此细分,即可重点关注来自该来源的流量。

设置社交分析报告

要想在报告中看到具体价值,您需要为目标确定价值并/或设置电子商务跟踪。要人工设置非电子商务目标的价值,一个理想的方法是评估达到目标的访问者成为客户的比例。例如,如果您的销售团队能够对提出联系请求的访问者中的 10% 完成销售目标,而您的平均交易额为人民币 500 元,您就可以为“请与我联系”目标指定 50 元(即 500 元的 10%)的价值。相比之下,如果只有 1% 的邮件列表注册用户达成交易,您就可以只为“电子邮件注册”目标指定人民币 5 元的价值。

后续操作

请阅读以下内容,详细了解“社交分析”报告应用实例和使用技巧。

  • 评估社交来源一文介绍了三个比率,您可以利用它们来评估为您带来流量的社交网络的效果。

 

 

 

1610月/123

免费 jQuery 交互式图形图表库

发布在 邵珠庆

 

1. The Coolest Calendar

界面非常漂亮的一款日期选择插件,有详细的使用文档,最新版本 1.5。

点击下载    查看示例

2. DatePicker

这款日期插件支持单选、多选和时间区间选择,功能齐全,有 Dialog 和 Flat 两种模式。

点击下载    查看示例

3. Tigra Calendar

Tigra Calendar 是一个跨浏览器的 JavaScript 日历控件,以下拉弹出方式选择日期。

点击下载    查看示例

4. jQuery UI Datepicker

这款日期选择插件属于 jQuery UI 的组件,外观可以利用 jQuery UI 的主题功能定制。

点击下载    查看示例

5. Unobtrusive Date-Picker Widget

支持键盘快捷键,包含 16 种语言的语言包,定制性强。

 

点击下载    查看示例

6. Simple jQuery DatePicker

一款非常简单的 jQuery 日期选择插件,适合作为学习的示例。

点击下载     查看示例

7. YUI Library: Calendar Control

这款插件是 YUI 库的日期选择插件,功能实用。

点击下载    查看示例

8. Date Range Picker

这款插件是对 jQuery UI 日期插件的扩充,支持多种模式的时间区间选择。

点击下载    查看示例

9. jQuery Date Input

另一款基于 jQuery 的日期选择插件,轻量、快速、易用。

点击下载    查看示例

10. Multiday Calendar Datepicker

基于 jQuery 编写的时间区间选择插件,功能简单使用。

下载 JS 文件和 CSS 文件    查看示例

11. Calendar for Mootools

Calendar 是一个 Mootools 库的日期选择插件,定制性很强,代码托管在 Github 上面。

点击下载    查看示例

12. jQuery Date Input

基于 jQuery UI 的日期选择插件,支持日期和时间(时分秒)选择。

点击下载    查看示例

1610月/120

梦想天空 jquery 目录

发布在 邵珠庆

摘要: 今天这篇文章向大家分享12款精心挑选的优秀 JavaScript 日历和时间选择插件,都带有详细的使用教程和效果演示。这些插件能够帮助 Web 开发人员更快速的实现各种精美的日历和时间选择效果。同时推荐阅读的博文中还有更多实现各种网站功能的 jQuery 优秀插件,欢迎大家可以去淘金。阅读全文

posted @ 2012-10-16 09:12 梦想天空(山边小溪) 阅读(388) | 评论 (2) 编辑
摘要: 视差(Parallax)是指从不同的点看一个物体时形成的视觉差异,这个名词是源自希腊文的παράλλαξις (parallaxis),意思是"改变"。在网页设计中,视差滚动(Parallax Scrolling)是当下流行的网页设计技术,通过让多层背景以不同的速度或者不同的方向移动来形成非常有趣的 3D 运动效果。今天这篇文章就和大家分享6款精心挑选的 jQuery 视差滚动效果插件,它们能够帮助你制作出精美的视差滚动效果。阅读全文

posted @ 2012-09-13 09:35 梦想天空(山边小溪) 阅读(4503) | 评论 (17) 编辑
摘要: Bootstrap 是基于 HTML,CSS,JavaScript 的简洁灵活的流行前端框架及交互组件集,由微博的先驱 Twitter 在2011年8月开源的整套前端解决解决方案。Bootstrap 有非常完备和详尽的开发文档,Web 开发人员能够轻松搭建出清爽风格的界面以及实现良好的交互效果。为了能够充分利用 Bootstrap 的强大功能,下面向打击推荐12款各种各样工具和资源来配合 Bootstrap 使用。阅读全文

posted @ 2012-09-11 14:11 梦想天空(山边小溪) 阅读(4932) | 评论 (44) 编辑
摘要: 导航作为网站重要的组成部分,能够帮助用户找到他们想要的内容,因此导航设计的好坏决定了用户能够在你的网站停留更长的时间,浏览更多的内容。在下面的集 合中,你会发现很多便利的 jQuery 导航插件和有用的教程,帮助你实现充满吸引力的网站导航,让你网站更有组织性和交互性。阅读全文

posted @ 2012-09-11 09:19 梦想天空(山边小溪) 阅读(2065) | 评论 (2) 编辑
摘要: 在这篇文章中,我为大家收集了40款非常棒的 jQuery 导航插件和教程。导航作为网站重要的组成部分,能够帮助用户找到他们想要的内容,因此导航设计的好坏决定了用户能够在你的网站停留更长的时间,浏览更多的 内容。在下面的集合中,你会发现很多便利的 jQuery 导航插件和有用的教程,帮助你实现充满吸引力的网站导航,让你网站更有组织性和交互性。阅读全文

posted @ 2012-09-06 08:46 梦想天空(山边小溪) 阅读(1976) | 评论 (7) 编辑
摘要: 作为最流行的 JavaScript 开发框架,jQuery 在现在的 Web 开发项目中扮演着重要角色,它简化了 HTML 文档遍历,事件处理,动画以及 Ajax 交互,帮助 Web 开发人员快速实现可用性和用户体验更佳的功能,让访问者对网站留下非常好的印象。而 CSS3 作为 CSS 的下一个版本,增加了圆角、旋转、阴影等强大的特性,甚至还可以实现需要 JavaScript 才能实现的复杂动画效果。阅读全文

posted @ 2012-09-03 14:51 梦想天空(山边小溪) 阅读(5133) | 评论 (38) 编辑
摘要: 当你想在有限的页面空间内展示多个内容片段的时候,手风琴(Accordion)效果就显得非常有用,它可以帮助你以对用户非常友好的方式实现多个内容片 段之间的切换。借助流行的 jQuery 框架,只需很少的代码就可以实现精美的手风琴效果,帮助你的网站吸引更多用户的眼球。阅读全文

posted @ 2012-08-21 14:01 梦想天空(山边小溪) 阅读(4502) | 评论 (18) 编辑
摘要: 这 篇文章给大家带来最近两个个月发布在《梦想天空》的优秀文章,特别推荐给 Web 开发人员和设计师阅读。梦天空博客关注 前端开发 技术,展示最新 HTML5 和 CSS3 技术应用,分享实用的 jQuery 插件,推荐优秀的 网页设计 案例,共享精美的 设计素材 和优秀的 Web 开发工具。希望这些文章能帮助到您。阅读全文

posted @ 2012-08-15 09:34 梦想天空(山边小溪) 阅读(10320) | 评论 (34) 编辑
摘要: jQuery是一个非常优秀的 JavaScript 框架,使用简单灵活,同时还有许多成熟的插件可供选择。其中,jQuery 最令人印象深刻的应用之一就是对图片的处理,它可以让帮助你在你的项目中加入各种精美的图片展示效果。下面向大家分享精心挑选的23款优秀 jQuery 图片特效插件,带给你美轮美奂的图片展示效果。阅读全文

posted @ 2012-08-13 09:24 梦想天空(山边小溪) 阅读(4714) | 评论 (13) 编辑
摘要: 互 联网经过这么多年的发展,已经出现了众多的 Web 开发技术,像 .Net/Java/PHP/Python/Ruby 等等。对于 Web 开发人员来说,不管是初学者还是有一定经验的开发人员都需要时刻学习新的开发技术。如今,网上有各种开发技术的相关网站,有大量开发资料可以参考。下面是 我收集的15个非常优秀的学习 Web 开发技术的国外网站,如果大家有收藏更好的网站,欢迎推荐!阅读全文

posted @ 2012-08-10 09:17 梦想天空(山边小溪) 阅读(8761) | 评论 (54) 编辑
摘要: 在 这篇文章中,我为大家收集了12个基于 jQuery 框架的 Ajax 分页插件,这些插件都提供了详细的使用教程和演示。Ajax 技术的出现使得 Web 项目的用户体验有了极大的提高,如今借助优秀的 jQuery 框架很容易实现各种基于 Ajax 技术实现的功能。我们一起来看看下面这些优秀的分页插件。阅读全文

posted @ 2012-08-08 13:26 梦想天空(山边小溪) 阅读(6748) | 评论 (50) 编辑
摘要: 今天这篇文章向大家分享15款精心挑选的优秀 jQuery 文本特效插件,都带有详细的使用教程。jQuery 是最流行和使用最广泛的 JavaScript 框架,它简化了HTML文档遍历,事件处理,动画以及Ajax交互,帮助Web开发人员更快速的实现各种精美的界面效果。阅读全文

posted @ 2012-08-06 14:02 梦想天空(山边小溪) 阅读(3190) | 评论 (45) 编辑
摘要: iView Slider 是一款优秀的 jQuery 滑动插件,用于实现文本、图片、视频等各种网页内容的滑动功能。iView Slider 支持响应式布局,能够很好的运行于触屏设备中。iView Slider 内置35种很炫的过渡效果(Transition Effects),能够帮助你制作出各种各样的滑动效果。阅读全文

posted @ 2012-07-31 09:02 梦想天空(山边小溪) 阅读(2899) | 评论 (10) 编辑
摘要: 作为最流行的 JavaScript 库,jQuery 拥有丰富的插件,能够帮助开发者简单快速的实现各种功能。但对于 Web 开发人员来说,他们需要掌握编写插件的方法,这样在工作中才能游刃有余。今天这篇文章收集了40个非常棒的 jQuery 插件及其制作教程,这些插件能够为你将来的项目增添各种很炫功能和效果,同时通过详细的制作教程帮助你更加深入的掌握 jQuery 库的使用。阅读全文

posted @ 2012-07-26 08:46 梦想天空(山边小溪) 阅读(3411) | 评论 (7) 编辑
摘要: 作为最流行的 JavaScript 库,jQuery 拥有丰富的插件,能够帮助开发者简单快速的实现各种功能。但对于 Web 开发人员来说,他们需要掌握编写插件的方法,这样在工作中才能游刃有余。今天这篇文章收集了40个非常棒的 jQuery 插件及其制作教程,这些插件能够为你将来的项目增添各种很炫功能和效果,同时通过详细的制作教程帮助你更加深入的掌握 jQuery 库的使用。阅读全文

posted @ 2012-07-23 08:54 梦想天空(山边小溪) 阅读(5448) | 评论 (25) 编辑
摘要: 随着智能手机的普及,越来越多的用户开始在手机中浏览网页。今天这篇文章为大家推荐最佳6款用于移动应用的 jQuery 图片滑块插件,这些插件很好的处理了触屏事件,效果平滑,帮助你构建用户体验良好的移动网站。阅读全文

posted @ 2012-07-18 08:50 梦想天空(山边小溪) 阅读(3847) | 评论 (8) 编辑
摘要: 工具提示(Tooltip)在网站中的一个小功能,但却有很重要的作用,常用于显示一些温馨的提示信息。如果网站中的工具提示功能做得非常有创意的话能够 加深用户对网站印象。因此,今天这篇文章收集的20款时尚的 jQuery Tooltip 插件就是用于帮助你制作漂亮的工具提示效果。阅读全文

posted @ 2012-07-14 23:55 梦想天空(山边小溪) 阅读(3808) | 评论 (0) 编辑
摘要: 这 篇文章主要收录了最近两个个月发布在梦想天空的优秀文章,特别推荐给Web开发人员和设计师阅读。梦天空博客关注 前端开发 技术,展示最新 HTML5 和 CSS3 技术应用,分享实用的 jQuery 插件,推荐优秀的网页设计案例,共享精美的设计素材和优秀的 Web 开发工具。希望这些文章能帮助到您。阅读全文

posted @ 2012-06-19 09:02 梦想天空(山边小溪) 阅读(8583) | 评论 (28) 编辑
摘要: 下拉菜单是网站导航常用的表现形式之一,能够呈现更多的导航内容。如果网站能够设计出有吸引力的网站导航,将会吸引更多的用户去浏览网站的内容。今天本文就为大家挑选了25个非常好的 jQuery 下拉菜单制作教程和示例。阅读全文

posted @ 2012-06-15 08:05 梦想天空(山边小溪) 阅读(5397) | 评论 (9) 编辑
摘要: 自适应设计(Responsive Layouts)是时下网页设计领域最热门的话题之一,自适应设计的目标是要让产品界面能够响应用户的行为,根据不同终端设备自动调整尺寸,带给用户良好 的使用体验。下面是收集的15款优秀的自适应 jQuery 插件,希望这些插件能够帮助到您。阅读全文

posted @ 2012-06-07 08:20 梦想天空(山边小溪) 阅读(4424) | 评论 (3) 编辑
摘要: 自适应设计(Responsive Layouts)是时下网页设计领域最热门的话题之一,自适应设计的目标是要让产品界面能够响应用户的行为,根据不同终端设备自动调整尺寸,带给用户良好 的使用体验。下面是收集的15款优秀的自适应 jQuery 插件,希望这些插件能够帮助到您。阅读全文

posted @ 2012-06-04 09:14 梦想天空(山边小溪) 阅读(6581) | 评论 (17) 编辑
摘要: jQuery Tools 是基于 jQuery 开发的网站界面库,包含网站最常用的Tabs(选项卡)、Tooltip(信息提示)、Overlay(遮罩、弹窗)、Scrollable(滚动控 制)、Form Validator(表单验证)、Rangeinput(范围输入)、Dateinput(日期选择)等众多功能。jQuery Tools 提供了高自定义的API接口,能够帮助开发者非常容易的实现所需要的功能,带给用户更佳的使用体验。阅读全文

posted @ 2012-05-21 09:02 梦想天空(山边小溪) 阅读(18088) | 评论 (69) 编辑
摘要: jQuery 是最流行的 JavaScript 开发框架,它简化了 HTML 文档遍历,事件处理,动画以及 Ajax 交互,帮助 Web 开发人员更快速的实现各种精美的界面效果。今天这篇文章向大家展示10个非常酷的应用 jQuery 手风琴(according)效果网站,一起欣赏。阅读全文

posted @ 2012-05-08 09:02 梦想天空(山边小溪) 阅读(4385) | 评论 (7) 编辑
摘要: jQuery 是一个非常优秀的 JavaScript 框架,在现在的 Web 开发项目中扮演着重要角色。jQuery 使用简单灵活,同时还有许多成熟的插件可供选择,它可以帮助你在项目中加入一些非常好的效果,让网站有更好的可用性和用户体验。今天这篇文章向大家推荐 12款个实用的 jQuery 插件。阅读全文

posted @ 2012-04-19 09:47 梦想天空(山边小溪) 阅读(5034) | 评论 (6) 编辑
摘要: 这篇文章主要收录了最近三个月发布在梦想天空的优秀文章,特别推荐给Web开发人员和设计师阅读。梦天空博客关注前端开发技术,展示最新 HTML5 和 CSS3 技术应用,分享实用的 jQuery 插件,推荐优秀的网页设计案例,共享精美的设计素材和优秀的 Web 开发工具。希望这些文章能帮助到您。阅读全文

posted @ 2012-04-09 09:04 梦想天空(山边小溪) 阅读(4655) | 评论 (7) 编辑
摘要: jQuery 是最流行和使用最广泛的 JavaScript 框架,它简化了HTML文档遍历,事件处理,动画以及Ajax交互,帮助Web开发人员更快速的实现各种精美的界面效果。jQuery 的易扩展性吸引了来自全球的开发者来共同编写 jQuery 插件,这些优秀的 jQuery 插件不仅能够增强网站的可用性,有效的改善用户体验,还可以大大减少开发时间。阅读全文

posted @ 2012-03-26 09:10 梦想天空(山边小溪) 阅读(7381) | 评论 (24) 编辑
摘要: 这篇文章收集了8款优秀的响应式 jQuery 幻灯片插件,它们能够非常容易的集成到Web项目中。响应式(Responsive)设计的目标是要让产品界面能够响应用户的行为,根据不同终端设备自动调整尺寸,带给用户良好的使用体验。阅读全文

posted @ 2012-01-31 08:51 梦想天空(山边小溪) 阅读(5457) | 评论 (12) 编辑
摘要: 这 篇文章主要收录了十二月份发布在梦想天空的优秀文章,特别推荐给Web开发人员和设计师阅读。梦天空博客关注前端开发技术,展示最新 HTML5 和 CSS3 技术应用,分享实用的 jQuery 插件,推荐优秀的网页设计案例,共享精美的设计素材和优秀的 Web 开发工具。希望这些文章能帮助到您。阅读全文

posted @ 2012-01-05 09:00 梦想天空(山边小溪) 阅读(14967) | 评论 (14) 编辑
摘要: jQuery 是一个非常优秀的 JavaScript 框架,在现在的 Web 开发项目中扮演着重要角色。jQuery 使用简单灵活,同时还有许多成熟的插件可供选择,它可以帮助你在项目中加入一些非常好的效果,让网站有更好的可用性和用户体验。这篇文章是40款非常有用 的 jQuery 插件系列文章最后一篇,希望这些实用的插件能帮助到您。阅读全文

posted @ 2011-12-26 08:55 梦想天空(山边小溪) 阅读(4489) | 评论 (7) 编辑
摘要: jQuery 是一个非常优秀的 JavaScript 框架,在现在的 Web 开发项目中扮演着重要角色。jQuery 使用简单灵活,同时还有许多成熟的插件可供选择,它可以帮助你在项目中加入一些非常好的效果,让网站有更好的可用性和用户体验。本文向大家分享40个非常 有用的 jQuery 插件。阅读全文

posted @ 2011-12-23 08:51 梦想天空(山边小溪) 阅读(4365) | 评论 (12) 编辑
摘要: jQuery 是一个非常优秀的 JavaScript 框架,在现在的 Web 开发项目中扮演着重要角色。jQuery 使用简单灵活,同时还有许多成熟的插件可供选择,它可以帮助你在项目中加入一些非常好的效果,让网站有更好的可用性和用户体验。本文向大家分享40个非常 有用的 jQuery 插件。阅读全文

posted @ 2011-12-20 09:10 梦想天空(山边小溪) 阅读(6177) | 评论 (8) 编辑
摘要: jQuery 是最流行也是使用最广泛的 JavaScript 框架,它简化了 HTML 文档操作,事件处理,动画效果和 Ajax 交互。下面向大家分享8个优秀的 jQuery 倒计时插件和教程。阅读全文

posted @ 2011-12-12 10:13 梦想天空(山边小溪) 阅读(2543) | 评论 (0) 编辑
摘要: 这 篇文章收录了十一月份发布在梦想天空博客的优秀文章,特别推荐给Web开发人员和设计师阅读。梦天空博客关注前端开发技术,展示最新HTML5和CSS3 技术应用,分享实用的jQuery插件,推荐优秀的网页设计案例,共享精美的设计素材和优秀的Web开发工具。希望这些文章能帮助到您。阅读全文

posted @ 2011-12-06 09:00 梦想天空(山边小溪) 阅读(5549) | 评论 (9) 编辑
摘要: 近日,国外著名博客WDL发布了2011年度最佳 jQuery 插件。jQuery 自2006年发布以来,经过五年的迅速发展,目前已是最流行和使用最广泛的 JavaScript 框架。jQuery 的易扩展性吸引了来自全球的开发者来共同编写 jQuery 插件,jQuery 插件不仅能够增强网站的可用性,有效的改善用户体验,还可以大大减少开发时间。阅读全文

posted @ 2011-11-25 08:45 梦想天空(山边小溪) 阅读(15385) | 评论 (34) 编辑
摘要: 这篇文章向大家推荐15个最佳 jQuery 图片效果插件。jQuery是最流行的Javascript框架,使用简单灵活,同时还有许多成熟的插件可供选择。其中,jQuery 最令人印象深刻的应用之一就是对图片的处理,它可以让帮助你在你的项目中加入一些让人惊叹的图片效果。阅读全文

posted @ 2011-11-20 00:30 梦想天空(山边小溪) 阅读(7188) | 评论 (2) 编辑
摘要: 这篇文章向大家推荐20款效果非常棒的jQuery插件。jQuery是一个非常优秀的JavaScript库,它简化了HTML文档遍历,事件处理,动 画以及Ajax交互,改变了很多人写JavaScript的方式。如今,网上有很多优秀的jQuery插件可免费使用,它们能够帮助你在网站中加入漂亮的 效果。看看下面这些非常棒的jQuery插件,相信你会发现一些很有用的东西。阅读全文

posted @ 2011-11-18 13:36 梦想天空(山边小溪) 阅读(3656) | 评论 (6) 编辑
摘要: 在所有的 JavaScript 框架中,jQuery 是最流行也是使用最广泛的,它简化了 HTML 文档操作,事件处理,动画和 Ajax 交互。下面向大家分享优秀的 jQuery 插件,同时有效果演示以及详细的插件制作教程,希望能帮助到您。阅读全文

posted @ 2011-11-16 09:07 梦想天空(山边小溪) 阅读(3635) | 评论 (2) 编辑
摘要: 本 文继续向Web开发人员和设计师推荐优秀文章。梦想天空博客关注前端开发技术,展示最新HTML5和CSS3技术应用,分享实用的jQuery插件,推荐 优秀的网页设计案例,共享精美的设计素材和强大的Web开发工具。本文特别推荐给Web设计师和开发人员阅读,希望这些资源能帮助到您。阅读全文

posted @ 2011-11-11 10:11 梦想天空(山边小溪) 阅读(6918) | 评论 (18) 编辑
摘要: jQuery 在现在的 Web 开发项目中扮演着重要角色,jQuery 让网站有更好的可用性和用户体验,让访问者对网站留下非常好的印象。jQuery 以其插件众多、独特、轻量以及支持大规模的网站开发闻名。本文与大家分享40个实用的 jQuery 插件,可以根据您的项目需要来选择使用。阅读全文

posted @ 2011-11-08 09:20 梦想天空(山边小溪) 阅读(3443) | 评论 (12) 编辑
摘要: jQuery 在现在的 Web 开发项目中扮演着重要角色,jQuery 让网站有更好的可用性和用户体验,让访问者对网站留下非常好的印象。jQuery 以其插件众多、独特、轻量以及支持大规模的网站开发闻名。本文与大家分享40个实用的 jQuery 插件,可以根据您的项目需要来选择使用。阅读全文

posted @ 2011-11-02 09:02 梦想天空(山边小溪) 阅读(3217) | 评论 (6) 编辑
摘要: jQuery 是一个非常优秀的 JavaScript 框架,在现在的 Web 开发项目中扮演着重要角色。jQuery 使用简单灵活,同时还有许多成熟的插件可供选择,它可以帮助你在项目中加入一些非常好的效果,让网站有更好的可用性和用户体验。本文向大家分享40个实用 的 jQuery 插件以及制作教程。阅读全文

posted @ 2011-10-25 08:18 梦想天空(山边小溪) 阅读(7439) | 评论 (39) 编辑
摘要: 砌体(Masonry)是一种网页排布形式,类似于砖砌体、石砌体建造的结构,如下图,左侧是传统的使用CSS浮动实现的布局效果,右图是砌体排布。砌体 布局在不规则的网页内容块布局中非常有用,能够充分利用网页空间,很多网站的照片浏览就采用了砌体形式。今天这篇文章就和大家分享25个基于jQuery 实现的砌体网页设计作品,一起欣赏。阅读全文

posted @ 2011-09-23 00:17 梦想天空(山边小溪) 阅读(5443) | 评论 (10) 编辑
摘要: 梦想天空博客专注于分享 Web 开发技术、资源和教程,展示最新 HTML5 和 CSS3 技术应用,分享实用的 jQuery 插件,推荐优秀的网页设计案例,共享精美的设计素材和强大的 Web 开发工具。分享快乐,快乐分享,希望这些资源能帮助到您。阅读全文

posted @ 2011-09-19 09:13 梦想天空(山边小溪) 阅读(4634) | 评论 (8) 编辑
摘要: 梦想天空博客专注于分享 Web 开发技术、资源和教程,展示最新 HTML5 和 CSS3 技术应用,分享实用的 jQuery 插件,推荐优秀的网页设计案例,共享精美的设计素材和强大的 Web 开发工具。分享快乐,快乐分享,希望这些资源能帮助到您。阅读全文

posted @ 2011-08-31 08:04 梦想天空(山边小溪) 阅读(4523) | 评论 (15) 编辑
摘要: 滑块和幻灯片效果,已成为网页设计的流行要素,它们以更加有趣的方式呈现内容,同时能节省网页空间。如果你想知道这是如何实现的,那么本文收集的25个非常棒的 jQuery 滑块插件和制作教程将帮助您实现这种效果。阅读全文

posted @ 2011-08-30 01:02 梦想天空(山边小溪) 阅读(4930) | 评论 (10) 编辑
摘要: jQuery 是一个非常优秀的 JavaScript 框架,使用简单灵活,同时还有许多成熟的插件可供选择,它可以帮助你在项目中加入一些非常好的效果。滑块和幻灯片效果是常用的内容展示方式之一,这是一种 在有限的网页空间内展示系列项目时非常好的方法。今天这篇文章就与大家分享20个非常棒的 jQuery 幻灯片插件和教程。阅读全文

posted @ 2011-08-23 09:15 梦想天空(山边小溪) 阅读(3919) | 评论 (2) 编辑
摘要: 这篇文章与大家分享30个精美的的 jQuery 幻灯片效果插件和教程。您可能经常能看到一些网站上特色区域的内容以滚动方式变化,这是一种在有限的网页空间内展示更多内容的良好方式,而且能吸引用户注 意力。如果你想知道这是如何实现的,那么本文收集的30个幻灯片插件和教程将帮助您实现这种效果。阅读全文

posted @ 2011-08-18 08:49 梦想天空(山边小溪) 阅读(7691) | 评论 (4) 编辑
摘要: 这篇文章与大家分享13个超级有用的 jQuery 内容滚动插件和教程。您可能经常能看到一些网站上特色区域的内容以滚动方式变化,这是一种在有限的网页空间内展示更多内容的良好方式,而且能吸引用户注意 力。如果你一直想知道这是如何实现的,那么这里的13个 jQuery 内容滚动插件教程将帮助您实现这种效果。阅读全文

posted @ 2011-07-29 08:12 梦想天空(山边小溪) 阅读(9653) | 评论 (8) 编辑
摘要: jQuery 在现在的 Web 开发项目中扮演着重要角色,借助 jQuery 可以让网站有更好的可用性和用户体验,让访问者对网站留下非常好的印象。今天这篇文章向大家分享5个应用 jQuery 的精美网站,一起欣赏。阅读全文

posted @ 2011-07-22 10:28 梦想天空(山边小溪) 阅读(5908) | 评论 (6) 编辑
摘要: 这篇文章收集了33个优秀的 jQuery 图片插件分享给大家。jQuery 是一个非常优秀的 JavaScript 框架,使用简单灵活,同时还有许多成熟的插件可供选择,其中最令人印象深刻的应用之一就是对图片的处理,它可以让帮助你在你的项目中加入一些精美的效果, 给访问者对网站留下非常好的印象。阅读全文

posted @ 2011-07-20 00:01 梦想天空(山边小溪) 阅读(14928) | 评论 (5) 编辑
摘要: 这篇文章收集了15款优秀的jQuery导航菜单插件分享给大家。jQuery 是一个非常优秀的 JavaScript 框架,使用简单灵活,同时还有许多成熟的插件可供选择,jQuery 让网站有更好的可用性和用户体验,给访问者对网站留下非常好的印象。阅读全文

posted @ 2011-07-18 12:35 梦想天空(山边小溪) 阅读(3641) | 评论 (2) 编辑
摘要: jQuery 是一个非常优秀的 Javascript 框架,使用简单灵活,同时还有许多成熟的插件可供选择。其中,最令人印象深刻的应用之一就是对图片的处理,它可以让帮助你在你的项目中加入精美的效果。今 天这篇文章向大家分享19个非常有用的 jQuery 图片滑动插件和教程。阅读全文

posted @ 2011-07-15 01:13 梦想天空(山边小溪) 阅读(7766) | 评论 (6) 编辑
摘要: 梦想天空博客专注于分享 Web 开发技术、资源和教程,展示最新 HTML5 和 CSS3 技术应用,分享实用的 jQuery 插件,推荐优秀的网页设计案例,共享精美的设计素材和强大的 Web 开发工具。分享快乐,快乐分享,希望这些资源能帮助到您。阅读全文

posted @ 2011-07-13 08:06 梦想天空(山边小溪) 阅读(7394) | 评论 (28) 编辑
摘要: jQuery 是一个非常优秀的 JavaScript 框架,使用简单灵活,在现在的Web开发项目中扮演着重要角色。这篇文章与大家分享33个优秀的 jQuery 教程,教您如何使用 jQuery 制作幻灯片、动画菜单、照片墙、图片画廊等很多效果很炫的功能。阅读全文

posted @ 2011-07-06 09:05 梦想天空(山边小溪) 阅读(5585) | 评论 (32) 编辑
摘要: jQuery 在现在的Web开发项目中扮演着重要角色,jQuery 让网站有更好的可用性和用户体验,让访问者对网站留下非常好的印象。jQuery 以其插件众多、独特、轻量以及支持大规模的网站开发闻名。本文与大家分享50款非常有用的 jQuery 插件,可以根据您的项目需要来选择使用。阅读全文

posted @ 2011-06-28 08:04 梦想天空(山边小溪) 阅读(3696) | 评论 (14) 编辑
摘要: jQuery 在现在的Web开发项目中扮演着重要角色,jQuery 让网站有更好的可用性和用户体验,让访问者对网站留下非常好的印象。jQuery 以其插件众多、独特、轻量以及支持大规模的网站开发闻名。本文与大家分享50款非常有用的 jQuery 插件,可以根据您的项目需要来选择使用。阅读全文

posted @ 2011-06-23 21:42 梦想天空(山边小溪) 阅读(4586) | 评论 (32) 编辑
摘要: 梦想天空博客专注于分享 Web 开发技术、资源和教程,展示最新 HTML5 和 CSS3 技术应用,分享实用的 jQuery 插件,推荐优秀的网页设计案例,共享精美的设计素材和强大的 Web 开发工具。分享快乐,快乐分享,希望这些资源能帮助到您。阅读全文

posted @ 2011-06-20 00:11 梦想天空(山边小溪) 阅读(12354) | 评论 (33) 编辑
摘要: 这篇文章与大家分享的是10款非常棒的 jQuery 幻灯片插件,使用这些插件可以帮助你在网站中加入非常吸引人的幻灯片效果,另外这些插件还有制作教程。阅读全文

posted @ 2011-06-12 11:52 梦想天空(山边小溪) 阅读(2206) | 评论 (10) 编辑
摘要: 这篇文章与大家分享的是10款最新收集的 jQuery 插件,有文本效果,地图,表单和表格等等。这些作者的想法特别新颖,希望你能从中找到自己需要的插件。阅读全文

posted @ 2011-06-11 12:25 梦想天空(山边小溪) 阅读(2811) | 评论 (6) 编辑
摘要: 这篇文章与大家分享的是10款非常有用的 Ajax 插件,有用于图片的,用于分页的,还有用于导航的。这些作者的想法特别新颖,希望你能从中找到自己需要的插件。阅读全文

posted @ 2011-06-10 09:10 梦想天空(山边小溪) 阅读(4291) | 评论 (17) 编辑
摘要: jQuery 是一个非常优秀的 JavaScript 框架,使用简单灵活,同时还有许多成熟的插件可供选择。其中,jQuery 最令人印象深刻的应用之一就是对图片的处理,它可以帮助你在网站中加入一些很酷的效果。今天,本文收集了20个最让人期待的 jQuery 相册插件分享给大家,记得分享和推荐一下 🙂阅读全文

posted @ 2011-06-08 08:53 梦想天空(山边小溪) 阅读(14354) | 评论 (14) 编辑
摘要: 这篇文章与大家分享的是10款新鲜出炉的基于 jQuery 开发的 Ajax 插件,有幻灯片、图片画廊、菜单等很多有用的插件。这些作者的想法特别新颖,希望你能从中找到自己需要的插件。阅读全文

posted @ 2011-06-06 09:12 梦想天空(山边小溪) 阅读(3398) | 评论 (12) 编辑
摘要: jQuery 是一个非常优秀的 Javascript 框架,在现在的 Web 开发项目中扮演着重要角色,借助 jQuery 可以让网站有更好的可用性和用户体验,让访问者对网站留下非常好的印象。今天这篇文章与大家分享18个使用 jQuery 制作的创意网站,一起欣赏。阅读全文

posted @ 2011-06-04 01:36 梦想天空(山边小溪) 阅读(2902) | 评论 (2) 编辑
摘要: jQuery 是一个非常优秀的 JavaScript 框架,使用简单灵活,同时还有许多成熟的插件可供选择,它可以帮助你在项目中加入漂亮的效果,其中之一就是幻灯片效果的实现,这是一种在有限的网页空间内 展示系列项目时非常好的方法。今天这篇文章要给大家分享的是60款很酷的 jQuery 幻灯片插件,相信里面一定会有你喜欢的。阅读全文

posted @ 2011-05-31 08:09 梦想天空(山边小溪) 阅读(77634) | 评论 (145) 编辑
摘要: jQuery是一个非常优秀的Javascript框架,使用简单灵活,同时还有许多成熟的插件可供选择。今天,这篇文章收集了最新28个非常有用的 jQuery 教程分享给大家。阅读全文

posted @ 2011-05-27 08:18 梦想天空(山边小溪) 阅读(12919) | 评论 (51) 编辑
摘要: jQuery在现在的Web开发项目中扮演着重要角色,jQuery让网站有更好的可用性和用户体验,让访问者对网站留下非常好的印象。jQuery以其 插件众多、独特、轻量以及支持大规模的网站开发闻名。本文与大家分享9个实用的jQuery倒计时脚本,可以根据您的项目需要来选择使用。阅读全文

posted @ 2011-05-22 00:53 梦想天空(山边小溪) 阅读(3119) | 评论 (4) 编辑
摘要: 本文列举了10款最流行的 jQuery 插件,有验证用户输入的,有以真正用户友好的方式显示多媒体和图像的,有使数据以可视化的图形和图表的形式展示的等等。相信这十大流行的 jQuery 插件将有助于你的开发项目。阅读全文

posted @ 2011-05-20 09:31 梦想天空(山边小溪) 阅读(4342) | 评论 (7) 编辑
摘要: jQuery 是一个非常优秀的 JavaScript 框架,使用简单灵活,同时还有许多成熟的插件可供选择,它可以帮助你在项目中加入一些非常好的效果。这篇文章与大家分享13款非常有用的 jQuery 插件。阅读全文

posted @ 2011-05-14 07:18 梦想天空(山边小溪) 阅读(3523) | 评论 (6) 编辑
摘要: 如今,jQuery插件众多,满足各种各样的应用需求。 在这篇文章中,我收集了9款很棒的插件,最喜欢的是Sausage内容分页插件,作者想法特别新颖!希望你能从中找到自己需要的插件。阅读全文

posted @ 2011-05-03 09:26 梦想天空(山边小溪) 阅读(15239) | 评论 (24) 编辑
摘要: jQuery是目前最流行的 JavaScript 库。对于初学者来说,有的时候很难找到一个好的学习jQuery的网站,今天本文收集了12个很棒的 jQuery 学习网站推荐给大家。阅读全文

posted @ 2011-04-28 00:03 梦想天空(山边小溪) 阅读(9954) | 评论 (14) 编辑
摘要: jQuery 是一个优秀JavaScript库,它简化了HTML文档遍历,事件处理,动画和Ajax交互。 jQuery的确改变了很多人写JavaScript的方式。如今,有很多现成的jQuery插件可供选择,帮助你在网站中加入惊人的功能和效果。看看这 些非常棒的jQuery插件吧,我相信你会发现一些很有用的东西。阅读全文

posted @ 2011-04-19 00:12 梦想天空(山边小溪) 阅读(16818) | 评论 (46) 编辑
摘要: jQuery是时下最流行的 JavaScript 库。现在,除了HTML5以外,也有很多jQuery爱好者使用jQuery来开发游戏,虽然效果没有Flash那么好,但是这些游戏也看起来很酷。今天 本文收集了20佳基于jQuery开发的特色游戏,一起来欣赏吧!阅读全文

posted @ 2011-04-17 00:16 梦想天空(山边小溪) 阅读(2902) | 评论 (6) 编辑
摘要: jQuery 是一个非常优秀的 JavaScript 框架,使用简单灵活,同时还有许多成熟的插件可供选择,它可以帮助你在项目中加入一些非常好的效果。幻灯片效果是常用的内容展示方式之一,这是一种在有限 的网页空间内展示系列项目时非常好的方法。今天给大家分享的是10篇非常棒的 jQuery 幻灯片教程及16个优秀的 jQuery 幻灯片应用案例。阅读全文

posted @ 2011-04-15 00:06 梦想天空(山边小溪) 阅读(3830) | 评论 (10) 编辑
摘要: Lightbox 应该是最流行的图片浏览效果了,常具有功能包括:自动根据窗口的大小缩放图片,模式窗口,幻灯片方式播放,内容预加载,渐变等效果。Web开发者们模仿 Lightbox 开发了各种各样的图片浏览插件,有基于 jQuery 的,有基于 Prototype 的,也有使用原生 JavaScript 写的。今天,本文要与大家分享的是30个最佳 jQuery Lightbox 效果插件。阅读全文

posted @ 2011-04-11 08:25 梦想天空(山边小溪) 阅读(26758) | 评论 (29) 编辑
摘要: 我们一般都是用HTML表格来显示结构化数据,如今有很多的 jQuery 表格插件可以帮助我们更好的组织和控制表格数据,增强表格的功能和操作。今天要与大家分享的是18个非常优秀的 jQuery 表格插件,有用到朋友可以参考一下。阅读全文

posted @ 2011-04-10 11:44 梦想天空(山边小溪) 阅读(7415) | 评论 (14) 编辑
摘要: jQuery 在现在的Web开发项目中扮演着重要角色,jQuery 让网站有更好的可用性和用户体验,让访问者对网站留下非常好的印象。jQuery 以其插件众多、独特、轻量以及支持大规模的网站开发闻名。本文与大家分享24款非常有用的 jQuery 插件,可以根据您的项目需要来选择使用。阅读全文

posted @ 2011-04-06 00:11 梦想天空(山边小溪) 阅读(4117) | 评论 (12) 编辑
摘要: 根据国外科技网站 W3Techs 一项调查了近100万个网站数据显示,jQuery是目前最流行的 JavaScript 库。对于初学者来说,有的时候很难找到一个好的学习jQuery的网站,所以本文收集了8个很棒的 jQuery 学习网站推荐给大家。阅读全文

posted @ 2011-03-31 00:28 梦想天空(山边小溪) 阅读(6781) | 评论 (36) 编辑
摘要: jQuery的易扩展性吸引了来自全球的开发者来共同编写jQuery插件。jQuery插件不仅能够增强网站的可用性,有效地改善用户体验,还可以大大减少开发时间。本文收集了非常棒的jQuery表单插件与大家分享,欢迎大家推荐更多更好的插件。阅读全文

posted @ 2011-03-24 00:10 梦想天空(山边小溪) 阅读(11839) | 评论 (26) 编辑
摘要: jQuery的易扩展性吸引了来自全球的开发者来共同编写jQuery插件。jQuery插件不仅能够增强网站的可用性,有效地改善用户体验,还可以大大减少开发时间。现在的jQuery插件很多,可以根据您的项目需要来选择。这里为您介绍20款非常不错的插件。 阅读全文

posted @ 2011-02-16 23:59 梦想天空(山边小溪) 阅读(33323) | 评论 (65) 编辑
摘要: Jquery是一个非常优秀的Javascrīpt框架,使用简单灵活,同时还有许多成熟的插件可供选择。其中,最令人印象深刻的应用之一就是对图片的处理,它可以让你在你的项目中加入一些让人惊叹的效果。这里收集了10个jQuery插件与大家分享。阅读全文

posted @ 2011-01-21 00:43 梦想天空(山边小溪) 阅读(6639) | 评论 (5) 编辑
摘要: jQuery插件能够增强网站的可用性,有效地改善用户体验,还可以大大减少创建一个新站点的开发时间。现在的jQuery插件很多,尽可以根据您的项目 要求来选择,不过也有一些插件很好用,几乎各种项目都能够用得上。这里就为您介绍12款开发中最常用的jQuery插件。阅读全文

posted @ 2010-12-19 22:43 梦想天空(山边小溪) 阅读(1114) | 评论 (0) 编辑
摘要: 目前,围剿 Flash 的不仅有 HTML 5,还有 JavaScript,著名的 JavaScript 框架 jQuery 在运动特效方面已经越来越流畅,有时候你需要点一下右键来确认它不是 Flash。本文介绍了10个非常出色的 jQuery 运动特效,这些效果可以更有效地展示你的内容。1. 流感导航菜单下面的导航菜单,当鼠标在上面移动的时候,会很流畅地垂下解释菜单,当你将鼠标在上面快速左右移动的时候,会怀疑这是 Flash。2. 转花灯Roundabout 是一个 jQuery 插件,可以将一组 HTML 对象转换为旋转花灯的效果。3. 拉洋片拉洋片也许是 jQuery 最拿手的效果了。该阅读全文

posted @ 2010-03-29 20:12 梦想天空(山边小溪) 阅读(911) | 评论 (0) 编辑
摘要: jQuery 是个宝库,而 jQuery 的插件体系是个取之不竭的宝库,众多开发者在 jQuery 框架下,设计了数不清的插件,jQuery 的特长是网页效果,因此,它的插件库也多与 UI 有关。本文是 webdesignledger.com 网站推选的2009年度最佳 jQuery 插件。一、拉洋片在一个固定区域,循环显示几段内容,这种方式很像旧时的拉洋片,2009年,这种 Web 效果大行其道,jQuery 有大量与此有关的插件,以下插件无疑是最佳的。AnythingSlider 由 CSS-Tricks 的 Chris Coyier 设计,功能齐全,应用十分广泛。Easy Slider这阅读全文

posted @ 2010-01-15 13:28 梦想天空(山边小溪) 阅读(707) | 评论 (0) 编辑
摘要: 上个月,我在博客里宣布了微软将对jQuery提供支持。在过去的几个星期里,我们与jQuery开发团队合作,在Studio 2008 和 Visual Web Developer 2008 Express版本(免费的)中增加了很好的jQuery intellisense支持。现在这个支持可以下载使用了。在VS 2008中启用jQuery Intellisense的步骤要在VS中启用jQuery的intellisense完成,你要遵循三个步骤:第一步: 安装VS 2008 SP1VS 2008 SP1 在Visual Studio中加了更丰富的JavaScript intellisense支持,对阅读全文

posted @ 2009-04-27 00:15 梦想天空(山边小溪) 阅读(430) | 评论 (2) 编辑
1510月/120

Google Analytics 添加自定义社交媒体

发布在 邵珠庆

从网上找了很多资料来实现 自定义社交媒体名称,没有找到合适的方法,具体的参考文档请见以下URL

https://developers.google.com/analytics/devguides/socialdata/

Resources

The following resources will help you syndicate your Activity Stream to the Google Analytics social data hub.

  • Overview—Information about the social data hub and the basics of Activity Streams and the PubSubHubbub protocol.
  • Getting Started—The Getting Started section describes the required Activity Stream format you’ll need to follow and how to deliver new activities via the PubSubHubbub protocol.
  • Sign Up— The form is used to collect your company and contact details and to verify that you’ve met all of the requirements.

社会数据中心 - 注册

在您注册作为一种社会数据提供:

  • 检查的资格要求,并确认你合法拥有的和/或可共享的社会数据,你打算发送到谷歌。
  • 审查和遵守活动流的要求,
  • 审查和了解如何提供您的活动通过PSHB流。

我们收到您的申请后,我们会检讨,并联系您的详细信息,如果必要的。您应该会听到我们在一个星期内提交申请。经批准后,您就可以提供一个密钥和一个虚拟的发布终点。

Activity Stream Requirements

The social data hub expects an Atom/RSS Activity Stream feed of global activities from your social network/platform.

The following information must be present within every Activity Stream update:

  • Actor
    • username or screen name
    • display name: full name of user, if available
    • author profile URL, if available
    • author profile photo URL, if available
  • Object
    • update text: text or (x)html with the actual content of the update
    • permalink: url that uniquely identifies the update
  • Verb: type of event (post, favorite, comment, etc)
  • Publication date: date when update was created
  • Provider: name of your network
  • Other meta-data such as geo location, or follower counts

Example Activity Stream feed:
http://profile.typepad.com/markpasc/activity/atom.xml

1510月/120

百度搜索结果大拇指-百度分享解读

发布在 邵珠庆

细心的站长应该能发现,在我们百度搜索结果中,就在百度快照后面出现一个大拇指,而且这个大拇指还显示好评数是多少,本人自己的网站shaozhuqing.com已经添加了百度分享,结果在搜索结果中就出现了这个大拇指,一开始没注意,后来竹简的就发现了,那么百度的这个大拇指对咱自己的网站有影响么,百度搜索结果大拇指是什么意思呢,国庆吧为你分享。

先看看这个百度分享工具是怎么弄的:

第一步:进入“百度分享”http://share.baidu.com/。第二步:点击“免费获取代码”选择你喜欢的分享形式。第三步:将获得的代码粘贴到你想要出现百度分享的页面,包括首页。

没错,就这么简单,简单的像是把大象装进冰箱里的步骤,你甚至无需注册、无需申请,就可以轻松拥有百度分享。

其实,这个就是“百度分享”,已经存在一段时间了,只不过以前百度没有放出,现在放出来,被越来越多的站长所使用,但据机关狼观察,使用的还不是特别多,不知道百度的这个应用会不会昙花一现。现在,让我们简单看看这个应用到底是做什么的,以及百度的初衷是什么吧。

“百度分享”的tittle以及宣传语都是“百度分享-为您带来更多流量”。百度分享的注解是“稳步提升网站流量和搜索引擎排名的web2.0工具!借助百度分享按钮,让您网站的用户轻松分享内容到新浪微博、人人网等sns网站,为您带来更多流量。”

从这段注解当中不难看出,百度分享能为站长带来两点好处:

(1)带来流量。

(2)提高排名。

而这两点恰恰击中草根站长的要害,都是草根站长拼了命想要的,而眼下,sns社会化分享如日中天,网络里走到哪儿都能看到分享到各个新浪微博、腾讯微博、人人网、开心网等等的按钮。百度等搜索引擎也说过要提高sns类社会化分享为网站带来的权重。那么,百度分享能否为网站带来流量与提高排名?

本人也将拿自己的网站做个实验,看看有没有效果,不过,试验期较短,说实话,除了在搜索网站的时候,后面多了个“小手”看着很养眼之外,还没有发现对关键词排名、网站流量等有什么明显好处。

首先,关于“带来流量”:个人觉得,百度分享看中的更是用户体验,当你的网站提供的是真正有价值信息时候,适时的出现分享按钮,会让用户心甘情愿、真心的去主动分享这个网站、这个页面。而如果你的网站只是空壳,没有实质内容的话,在当今网民无比浮躁的大环境下,愿意去分享的人估计会很少,甚至为零!这也就失去了web2.0的初衷。所以,百度分享更适合那些提供真正原创、有价值信息、并有一定流量基础的正规好站。这样的站才会真正实现“百度分享,为您带来更多流量”的初衷。

其次,关于“提高排名”:如果你添加百度分享代码的愿望是偏向于依靠百度分享来提高排名,想要借助刷分享数目来实现的话,暂时来说,你可能要失望了。因为,现在没有任何数据、事实可以证明“分享数目越多,百度就会给你的排名靠前”。而且,我也相信,百度不会傻到连这个粗浅的作弊手段都分辨不出来的地步。

最后,本人要说的是,站长做站想要获得好的排名,最主要的还是踏实做站,从用户角度出发,多想想用户想要什么样的站、用户想要什么样的内容、怎样能让用户体验更好、怎样更便于用户浏览网站……等等。毕竟搜索引擎排名就是模拟用户需求、用户体验而制定的规则。

不管你怎么做站,不管百度要出什么新花样,我们必须要明白,网站的核心是什么,搜索引擎的 核心是什么

1210月/120

Google Analytics 社交报表,让你算出「社交价值」

发布在 邵珠庆

Google Analytics 推出「社交報表」功能,讓行銷人員可以更容易衡量在社群媒體上行銷活動的投資報酬率。

新的「社交報表」功能可以在 Google Analytics 的「Social」分頁找到,新的報表目錄如下:

  • 總覽(Overview)
  • 來源(Sources)
  • 頁面(Pages)
  • 轉換率(Conversions)
  • 社交插件(Social Plugins)
  • 社交訪客流(Social Visitor Flow)

現在就來看看上面列的各項功能吧!

總覽報告

如同 Google Analytics 的其他總覽報告,社交總覽報告透過小儀表板將各項社交報告的重要數據提取到此頁,方便快速瀏覽。

這裡有一個「社交價值」的視圖,類似傳播業常用的「廣告價值」,這個圖表可以告訴你社交網絡對你的網站轉換率的貢獻,並換算成為估計金額。下面的「來源報告」及「轉換率報告」會有更詳細的說明。

Google Analytics Social Reports

來源報告

此報告顯示從社交網站等來源連結進來的活動。

Google 整合了同一個社交網站的不同連結帶進來的流量,例如  Twitter 進來的流量可能透過 twitter.com 或 t.co ,但是在這個報告都會整合到同一個網站來源,方便精準估算出每個社交網站的影響力。

有加入 Google Social Data Hub 的夥伴網站,會出現一個一個特別的標記,讓使用者知道點進去有更多額外資訊。

Social Media Sources

以其中一個夥伴網站 Google+ 來說,會顯示流量的詳細資訊,告訴使用者是從 「+1」按鈕、發文、轉推或評論中進來的。實際的轉換率可以從 Google Analytics 中看得到,每個 Social Data Hub 夥伴網站所提供的詳細資訊各自不同。

Pages Report 頁面報告

此報告會顯示每個頁面上的社交活動,包括個別頁面的流量來源統計,及從哪個網站內容離開網站。

轉換率報告

轉換率報告提供各社交網絡來源對網站的轉換率產生的影響,並同時顯示一般目標及電子商務的目標,讓使用者可以快速掌握社交來源產生的價值。

此報告同時顯示基於「最後點擊轉換」(last-click conversion )的關鍵指標,還有「conversion assists」(意指非最後點擊轉換,但對於達成轉換有幫助的點擊或廣告等動作)。

Social Plugins Report社交插件報告

此報告是分析網站中與社交插件相關的頁面資訊及社交活動,例如「讚」(like)、「tweet」或「+1」。

Social Visitors Flow Report社交訪客動線報告

從社交網站來的「訪客動線分析」,讓行銷人員了解從社交網站來的訪客在網站上的動線。

 

整合Social Data Hub機制

Google 此次推出的社交報表整合了去年 Google 推出的 Social Data Hub 機制,讓社交網站自願向 Google Analytics 傳送網站的社交行為。目前有加入的,當然包括 Google 自家的 Google+、Google Groups、Blogger 等,還有 Delicious、Digg、Reddit及常用的部落格插件 Disqus等。

大型的社交網站如 Facebook、Twitter、LinkedIn 都還沒加入 Social Data Hub,因此只能顯示網路訪客進入網站後的數據,而沒辦法追蹤進入網站前的行為。對於希望自己的努力被看得見的行銷人員,當然未來會希望把更多行銷活動及預算放在可以被度量的社交網路,因此這或許是個推力,讓大型社交網站未來有動機加入 Social Data Hub。

   下一页