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