0
点赞
收藏
分享

微信扫一扫

3D站点访问统计小工具


3D站点访问统计小工具

文章目录

  • ​​3D站点访问统计小工具​​
  • ​​1、revolvermaps介绍​​
  • ​​2、示例​​

最近在学习powershell的时候(​​Powershell交流中心​​)无意发现了一个网站访问可视化的小工具revolvermaps,看起来很酷,然后找了一下也尝试放到我的个人小站上了,这里也传播一下,确实很不错。

1、revolvermaps介绍

RevolverMaps是一个​​集合​​的实时访客统计小工具为您的网站博客

revolvermaps网站:

​​https://www.revolvermaps.com​​

一般包括js和html两类的集成方式,添加起来也很方便。

目前标准的样式及添加方式如下:

3D站点访问统计小工具_js

快速将上面示例中的地球嵌入到页面中,只需将代码从下面的文本区域复制****到HTML结构中的所需位置即可。快速响应您的布局,您的地球仪将立即开始记录您的访客,比如下面的标准版本:

<script type="text/javascript" src="//rf.revolvermaps.com/0/0/6.js?i=5whuneg2d39&m=7&c=e63100&cr1=ffffff&f=arial&l=0&bv=90&lx=-420&ly=420&hi=20&he=7&hc=a8ddff&rs=80" async="async">
</script>

当然还有一些其它的类型的样式的widgets,具体可以在这里挑选:

​​https://www.revolvermaps.com/?target=gallery​​

2、示例

然后我根据提升在​​我的网站​​添加了两个,如下图所示:

3D站点访问统计小工具_3d_02


具体代码可参考blog.html,主要是:

<div>
<h3>全球访客</h3>
<div class="textwidget custom-html-widget">
<script type="text/javascript" src="//ra.revolvermaps.com/0/0/1.js? i=03c4z2ijqp7&s=220&m=1&v=false&r=false&b=000000&n=false&c=ff0000" async="async">
</script>
</div>
</div>
<divstyle="text-align:center; margin:0; padding:0; width:256px;">
<embed src="//rf.revolvermaps.com/f/f.swf" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="window" allowScriptAccess="always" allowNetworking="all" width="256" height="128" flashvars="m=0&i=5xshue66jtc&r=0&c=ff0000">
</embed><br/>
<img src="//rf.revolvermaps.com/js/c/5xshue66jtc.gif" width="1" height="1" alt="" />
<a href="http://www.revolvermaps.com/livestats/5xshue66jtc/">Large Visitor Map</a>
</div>


举报

相关推荐

0 条评论