前言

这是一篇教你如何为个人博客添加访客地图的图文教程，访客地图由ClustrMaps网站提供，它可以直观地展现访客的数量与来源。

使用CSDN博客的博主请注意：

听说最近CSDN博客对普通用户关闭了“自定义栏目”功能，因此请先确认一下自己的博客是否支持“自定义栏目”，方法请参考“安装地图”章节。我目前不是CSDN的付费用户，但是我有“自定义栏目”的功能，也可能跟我的“博客专家”身份有关系，但我没有其他账号，所以无法确认，也欢迎大家尝试之后留言告诉我，谢谢！

如果你的CSDN博客因为没有“自定义栏目”功能而无法添加访客地图，那么这篇文章也可以作为你在其他站点设置访客地图的参考。进一步讲，如果你设置访客地图的站点支持JS，那么文中所提及的“只能选择静态地图(Image based)控件”将不再适用，也就是说你可以自由选择。

添加步骤

创建账号

在一切开始前，你需要开通一个访客地图，ClustrMaps是个相当不错的网站，注册简单，我用了十几年。

注册很简单，只需要访问ClustrMaps网站，再点击右上角“Sign Up”进行注册，如果你有Google账号，也可以直接登陆。（注意： 注册邮箱无法更改）

创建地图

登陆之后，你就可以点击页面上的Create New Widget来创建一个新的地图（用户菜单中的Get Map也是同样功能）。

如图所示，在出现的页面中，填入你的博客地址，然后点击“Next”按钮：

接下来，选择名为“FREE”的免费套餐；如图所示，如果页面提示选择地图的展示样式，那就选择名为“Map widget”的静态地图（旁边那个名为“Globe Widget”的可以转圈圈的控件是通过JS实现的，而目前CSDN博客并不支持在自定义模块中嵌入JS代码）。

这时你就拥有了一张新的地图，这张地图将被用来统计你博客的访问来源。

设定地图

下面，你需要对这张地图进行一些个性化设置，让它更好地显示在你的博客上。

如图，点击“Customize widget“超链接，来到个性化设置界面。

如果你没有看到上面那个界面，你也可以来到My Websites页面中，找到“Customize”超链接，点击并来到个性化界面，如图所示。

这时，你将看到如下图所示的界面，这里是设置的重点！

你需要的全部改动有：

选择“Size”为“Custom Size”，并指定“Width”为“268”，这时“Height”会自动更新为最合适的数值；
勾选“Show Pageviews Counter”并选择一个合适的计数器，例如“Current Month”；
选择“Widget Colors”为“Custom Colors…”，并根据你的博客配色调整下面的三个颜色属性；
选择“Widget Code”为“Image based”，这一点非常重要，否则地图会因为CSDN不兼容而无法正常显示；

注意：在上述步骤中将地图的宽度“Width”设定为“268”是因为目前CSDN博客栏目的宽度为268px，这个数值可以通过Chrome浏览器的开发者工具获得，这里不进行赘述，只提供一张截图供参考。

最后，你需要点击代码右上角的“Copy”，将代码复制下来备用。

安装地图

接下来，你需要来到CSDN博客管理界面，将地图安装到你的博客中。

来到CSDN博客的栏目管理界面，点击“添加自定义栏目”，并将之前复制好的代码粘贴到“栏目内容”中，如图所示，点击“编辑栏目”保存。

安装好的访客地图如下图所示：

为你的个人博客添加访客地图相关推荐

网站底部添加访客阅读次数总访问量在线人数代码
简介: 网站底部添加访客阅读次数总访问量在线人数代码分享请在此输入内容代码放置在主题目录下:footer.php(放在合适的位置) 也可以调用自己的JS 下载JS后上传到服务器修改上方代码引用 ...
网站如何添加访客统计代码
都知道,网站的来访量的多少只有网站主自己知道,是因为在后台安装统计工具,访客想要知道某个网站有多少来访量怎么办呢?其实还可以通过添加代码在网站的前端显示哦,那么今天明星就来说说网站如何添加访客统计代码 ...
自己做了一款新浪博客自动访客工具
自己做了一款新浪博客自动访客工具. 思路非常简单,从某个博客出发,首先读取,这个博客所有的访客,然后依次访问这些访客的博客,以先进现出的方式,遍历所有的博客.在访问的博客上留下足迹,希望被访问的博客回 ...
PHP+Workerman即时通讯技术:在线聊天/客服/访客功能
PHP+Workerman即时通讯技术:在线聊天/客服/访客功能 1:客服端 2:客户端 3:多访客 4:聊天表情客服端 http://videolaravel.zwzgjl.com/index.p ...
CSDN主页下如何添加访客地图？
有大佬在付费专栏作者群提问这个问题,我们先来研究一下哈. 先看聊天记录吧放大效果这位博主是如何实现的呢? 我拿到了这个博客的地址,使用谷歌浏览器F12,拿到这部分代码.他这个是在自定义模块添加访问 ...
Hexo Next主题添加访客统计、访问次数统计、文章阅读次数统计
Hexo的版本:v3.9.0 Next的版本:v7.4.0 1.打开next主题配置文件\themes\next_config.yml,搜索找到busuanzi_count,把enable设置为tru ...
windows 10系统添加访客模式
1.打开:设置-->账户-->家庭和其他人员-->将其他人添加到这台电脑 2. 选择 "我没有这个人的登录信息" 3.选择 "添加一个没有Micro ...
android访客模式,访客模式:我的隐私我做主_小米红米Note（增强版/移动3G/2GB RAM）_手机Android频道-中关村在线...
访客模式相信每个人的手机中总有一些比较私密的短信.照片.程序等,当然对于这些东西我们并不想被别人知道和看见.而在日常生活中,总避免不了别人偶尔使用或者查看自己的手机,那么这些私密的东西就会让我们变得 ...
网页访客代码访客不增加_10种免费字体来吸引访客的注意力
免费字体下载对设计人员和非设计人员均有用. 它们易于安装和使用,它们提供了一种简便的方法来增加种类并直观地显示网站. 无论是创建特定的标题还是为文本选择略微另类的字体,切换字体都可以增加美感,并使您的 ...

为你的个人博客添加访客地图

前言