1 Revolvermaps

官网:http://www.revolvermaps.com/
进入官网,然后我们在官网可以看见它提供了多达6中类型的统计插件。
WordPress – 利用Revolvermaps在首页实时显示访客3D地球-StubbornHuang Blog

1.1 几种可视化类型

1.1.1 Standard Version

WordPress – 利用Revolvermaps在首页实时显示访客3D地球-StubbornHuang Blog

1.1.2 Mini Global

WordPress – 利用Revolvermaps在首页实时显示访客3D地球-StubbornHuang Blog

1.1.3 Plain Version

WordPress – 利用Revolvermaps在首页实时显示访客3D地球-StubbornHuang Blog

1.1.4 Button

WordPress – 利用Revolvermaps在首页实时显示访客3D地球-StubbornHuang Blog

1.1.5 Link Widget

WordPress – 利用Revolvermaps在首页实时显示访客3D地球-StubbornHuang Blog

1.1.6 24 Hours Charts

WordPress – 利用Revolvermaps在首页实时显示访客3D地球-StubbornHuang Blog

1.2 获取Html代码

这里我们选择第一种比较酷炫的3D地球作为我们可视化访客的方式,点击Get the Standard Version。
WordPress – 利用Revolvermaps在首页实时显示访客3D地球-StubbornHuang Blog
然后根据个人喜好对地球外观进行一些属性设置,我的设置如下:
WordPress – 利用Revolvermaps在首页实时显示访客3D地球-StubbornHuang Blog
然后可以去页面下方复制script代码了,
如果是第一次使用统计代码,那么在右边选择new map,获取一个新的链接,如果已经有了网站统计代码,又不想丢失数据,则选择update,点击update复选按钮后再编辑框输入老的代码,则可根据你序偶选择的属性,进行代码更新。
WordPress – 利用Revolvermaps在首页实时显示访客3D地球-StubbornHuang Blog
WordPress – 利用Revolvermaps在首页实时显示访客3D地球-StubbornHuang Blog
将上图中的html代码复制。

2 WordPress网站首页设置显示

选择自定义网站,进入网站自定义管理面板。
WordPress – 利用Revolvermaps在首页实时显示访客3D地球-StubbornHuang Blog
WordPress – 利用Revolvermaps在首页实时显示访客3D地球-StubbornHuang Blog
WordPress – 利用Revolvermaps在首页实时显示访客3D地球-StubbornHuang Blog
添加自定义HTML代码,如下图所示:
WordPress – 利用Revolvermaps在首页实时显示访客3D地球-StubbornHuang Blog
将第一节中的html代码复制进入自定义代码块中即可,如下图所示:
WordPress – 利用Revolvermaps在首页实时显示访客3D地球-StubbornHuang Blog

3 效果展示

可返回首页查看效果。
WordPress – 利用Revolvermaps在首页实时显示访客3D地球-StubbornHuang Blog