一、FlagCounter介绍

想必很多csdner都想对自己的博客进行访客统计，CSDN为博客专家提供了专门的量子恒道统计功能进行访客统计，普通用户无法引入js代码进行访客统计。我们可以换一种思路，引入动态生成的图片进行访客统计。FlagCounter就是这样的一个统计插件，提供了图片引入统计，能够统计访客国家地区，展示漂亮的旗帜。效果可以参考不亦博客左边栏目，如下图所示：

包含了每个国家(地区)的旗帜、访客量、访问的页面数和收集到的旗帜数目。

点击这张图片即可进入详细统计页面http://s10.flagcounter.com/more/EIdh/ 如下图所示

二、自定义显示效果

如何获取自己的代码呢？点击上图中的【Create a FREE Flag Counter! »】或者直接点击这里打开flagcounter首页https://www.flagcounter.com/即可创建。

如图所示：

(1)、选择【Top Countries】会显示旗帜和访客数，就是上图效果，选择【Flag Map】会显示地图，如下图所示：

下面是【Top Countries】列表模式选项

(2)【Maximum Flags to Show】显示最大的旗帜数

(3)【Columns of Flags】每行显示旗帜数

(4)【Label on Top of Counter】默认显示Visitors，可自定义其他"英文"文字

(5)【Background Color】背景颜色

(6)【Text Color 】文字颜色

(7)【Border Color】边框颜色

(8)【Show Flag Labels】在旗帜右边显示国家(地区)缩写名

(9)【Show Pageview Count】显示页面总浏览数

(10)【Show Visitors As】按数字或百分比显示访客数

(11)【Flag Size】旗帜大小

三、获取代码

定义好显示效果后，点击【GET YOUR FLAG COUNTER】会跳出对话框，询问是否填入电子邮箱。建议填入电子邮箱，点击【Continue】会发送一封邮件到该邮箱，包含了登录密码，方便以后管理。

如果不想填邮箱，直接点击【Skip】跳过即可。如图所示：

这时我们获取到了一段HTML代码：

<a href="http://info.flagcounter.com/jcLy"><img src="//s11.flagcounter.com/count2/jcLy/bg_FFFFFF/txt_000000/border_CCCCCC/columns_2/maxflags_10/viewers_0/labels_0/pageviews_0/flags_0/percent_0/" alt="Flag Counter" border="0">
</a>

四、嵌入CSDN博客

点击【管理博客】、添加自定义博客栏目，填入上面生成的代码，此时上面的代码是不能用的，点击保存会直接把img的src属性删掉。

重点来了！！！

把src="//s11.flagcounter.com/xxxx..."改成src="http://s11.flagcounter.com/xxxx..."会提示不能引用外站图片！

把src="//s11.flagcounter.com/xxxx..."改成src="https://s11.flagcounter.com/xxxx..."成功显示统计图片！！！

另外在a标签加上target="_blank"属性就会在新标签打开统计详情页了。

最终代码应该是

<a href="http://info.flagcounter.com/jcLy" target="_blank"><img src="https://s11.flagcounter.com/count2/jcLy/bg_FFFFFF/txt_000000/border_CCCCCC/columns_2/maxflags_10/viewers_0/labels_0/pageviews_0/flags_0/percent_0/" alt="Flag Counter" border="0">
</a>

OK、大功告成~

【转载请注明出处: http://blog.csdn.net/leytton/article/details/76184884】

PS：如果本文对您有帮助，请点个赞让我知道哦~

CSDN访客统计(不用量子恒道)相关推荐

在CSDN博客中添加量子恒道统计功能的做法
作者:朱金灿来源:http://blog.csdn.net/clever101 什么是量子恒道统计?量子恒道统计是一套免费的网站流量统计分析系统.致力于为所有个人站长.个人博主.所有网站管理者.第三 ...
CSDN博客如何添加量子恒道统计？
CSDN博客申请专家通过后,可以添加量子恒道统计,这样就可以查看更加详细的访问统计信息,而不仅仅是一个访问次数.达到专家级别了可能都是电脑高手了,这里班门弄斧了. 登录博客进入个人中心首页,点击管理博 ...
CSDN博客怎样加入量子恒道统计？
CSDN博客申请专家通过后,能够加入量子恒道统计,这样就能够查看更加具体的訪问统计信息,而不不过一个訪问次数.达到专家级别了可能都是电脑高手了.这里班门弄斧了. 登录博客进入个人中心首页,点击管理博客 ...
Yahoo!统计，倒下，量子恒道，出世！
昨天准备加入雅虎统计,却发现被提示系统维护到今天再去时已经变了个样 Yahoo!中国,放弃雅虎统计的名字改用量子恒道,估计和大洋彼岸Yahoo收购案有关,阿里巴巴慢慢会淡化Yahoo!在该品牌的 ...
CSDN博客添加量子恒道统计代码步骤
CSDN博客添加量子恒道统计代码步骤. 1. 去量子恒道网站统计注册账户: 2. 添加已有的CSDN博客地址: 3. 添加博客后恒道代码里面会给你一个JavaScript脚本,记下里面的一串数字: ...
CSDN博客(专家)如何使用量子恒道统计访问量
很早以前知道CSDN为博客专家弄了个量子恒道统计流量,但一直没当回事.后来,有几次想统计下博客访问量都是靠手机在每天的同一时间记录访问次数.汗,真是弱智加惭愧啊.今天才想起来这档子事,配置好了. 一. ...
在CSDN中统计每日访问量（使用量子恒道）
注:在CSDN中好像只有专家才能统计每日的访问量 1.登陆自己的专栏例如我的就是"http://blog.csdn.net/hjd_love_zzt/" .登陆之后,点击其中的& ...
javaeye使用流量统计分析( 量子恒道统计)
首先进入自已的博客,里面有个博客设置,在"开启专业流量统计系统"选择"量子恒道统计"(选GOOGLE的没用,不知道为什么),如果您没有注册量子恒道统计,那么就单 ...
雅虎统计迁移到量子恒道
雅虎统计迁移到量子恒道原来的js http://js.tongji.cn.yahoo.com/*******/ystat.js 改为 http://js.tongji.linezing.com/** ...

CSDN访客统计(不用量子恒道)

一、FlagCounter介绍

二、自定义显示效果

三、获取代码

四、嵌入CSDN博客

CSDN访客统计(不用量子恒道)相关推荐

最新文章

热门文章