1 Revolvermaps

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

1.1 几种可视化类型

1.1.1 Standard Version

WordPress - 利用Revolvermaps在首页实时显示访客3D地球-第1张图片

1.1.2 Mini Global

WordPress - 利用Revolvermaps在首页实时显示访客3D地球-第2张图片

1.1.3 Plain Version

WordPress - 利用Revolvermaps在首页实时显示访客3D地球-第3张图片

1.1.4 Button

WordPress - 利用Revolvermaps在首页实时显示访客3D地球-第4张图片

1.1.5 Link Widget

WordPress - 利用Revolvermaps在首页实时显示访客3D地球-第5张图片

1.1.6 24 Hours Charts

WordPress - 利用Revolvermaps在首页实时显示访客3D地球-第6张图片

1.2 获取Html代码

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

2 WordPress网站首页设置显示

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

3 效果展示

可返回首页查看效果。
WordPress - 利用Revolvermaps在首页实时显示访客3D地球-第16张图片