Google SEO“零基础”入门学习:入门Google SEO:零基础在线云学习
2019 Google SEO培训课:玩转Google SEO:谷歌SEO从入门到精通

wordpress网站添加全球访客来源展示的3D旋转地球仪

分类: wordpress DIY 作者: 为主的祥助 876次浏览 4评论

wordpress博客的侧边栏小工具区域显示一个保持自转旋转的访客3D地球,上面会显示最近访问网站的访客在wordpress3D地球上的坐标点以及其对应的国家信息,这样是不是很炫酷?这种效果是由国外一个叫RevolverMaps的网站提供的一个免费使用的的网站3D地图统计工具,通过驱动Revolver Maps Graphics Engine图形引擎,提供JavaScript版本和flash版本的代码下载。

3D地球仪预览

首先请访问跨境E站的网站首页:跨境E站-专注阿里巴巴国际站运营技巧和外贸知识分享

页面拖动到下方区域,查看右侧小工具widget栏,能看见一个保持自转的3D地球仪,上面有一些坐标点以及国家信息,这个就是wordpress显示一个3D地球,记载着全球访问的访客信息的炫酷效果。

wordpress 3D地球访客信息

鼠标悬浮上去长按,还可以自由旋转这个蔚蓝的地球

安装3D地球访客工具

1.访问生成代码页面: Revolvermaps

Widget Settings -地球尺寸设置

width 宽度可根据需要进行选择,跨境e站选择的是 responsive (auto fit to parent's width) ,让其自己适应尺寸和显示

字体和 label appearance 可自由选择,右侧的3D地球预览区域会显示实时演示效果

Widget设置尺寸信息

Globe Appearance -地球外观设置

2. Globe Appearance

revolvermaps提供了8种贴图样式,点击 show advanced globe options 还可以设置更多高级选项。选择一种心仪的贴图样式

设置3D-Globe地球仪的外观贴图

Dot Properties -设置坐标信息生成代码

为 old locations (旧坐标点)和 recent locations:(近期坐标点)设置不同的点显示颜色,最后点击 copy to clipboard 将生成的代码进行复制

进入wordpress-外观-自定义,使用HTML等小工具添加到侧边栏,将生成的3D地球代码输入进行发布,刷新页面就可以看到即时效果啦

3D小地球左下角显示的是自从添加代码后,产生的网站访客信息累计。如果变更了小地球的一些设置参数,重新生成代码和上线,该数据累积可能会清空并重新开始。

版权申明:跨境E站,版权所有丨如未注明,均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明本文作者和来源地址: https://www.yunglobe.com/3d-visitor-globe.html

转载请注明:跨境E站 » wordpress网站添加全球访客来源展示的3D旋转地球仪

微信 OR 支付宝 扫描二维码
为本文作者 打个赏
pay_weixinpay_weixin
知识付费,金额随意 亲的支持是我更新的动力!~
喜欢 (5)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(4)个小伙伴在吐槽
  1. 依赖IP地址判定位置有时候很不准确的!我的IP不少就判断错误了!
    明月登楼2019-08-14 12:09 回复
  2. 外贸站估计好点,像我们这种个人博客大多数用户都是国内的,用这个的话有点大材小用了
    boke112联盟2019-09-17 17:47 回复
QQ交流
  • 为主的祥助 点击这里给我发消息
旺旺
  • Vincent 点这里给我发消息
QQ群
  • 阿里巴巴国际站数据化运营 阿里巴巴国际站数据化运营
关注微信
  • 扫一扫,有惊喜
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册