如何在Jekyll站点上启用Clicky网站分析工具

一、先说核心问题：jekyll-clicky gem在Github Pages上不可用 #

Github Pages构建Jekyll站点时，只支持官方维护的Jekyll插件白名单，第三方gem比如jekyll-clicky不在名单里——你本地安装后构建能生效，但推到Github Pages后，平台不会加载这个插件，自然不会生成跟踪代码，这就是你看不到数据的关键原因。

二、手动配置Clicky的正确步骤（替代jekyll-clicky） #

放弃第三方gem，直接嵌入官方代码更靠谱，按下面步骤来：

1. 正确放置跟踪代码
   把Clicky提供的代码放到你Jekyll模板的头部文件里（通常是_includes/head.html），放在</head>标签之前，替换成你自己的站点ID：

   <script async data-id="你的Clicky站点ID" src="//static.getclicky.com/js"></script>
   

   别再用注释把代码藏起来，直接正常嵌入即可。
2. 验证脚本是否加载成功
   打开你的站点，按F12打开开发者工具，切换到「网络」标签，刷新页面后搜索static.getclicky.com：
   • 能看到状态码为200的请求，说明脚本加载正常；
   • 如果加载失败，检查ID是否填错，或者浏览器的隐私设置（比如Chrome的「隐私沙盒」、Firefox的增强跟踪保护，即使关了广告拦截，这类默认防护也可能拦截Clicky）。
3. 核对Clicky后台配置
   登录Clicky仪表盘，确认：
   • 站点域名和你的Github Pages域名完全一致（比如xxx.github.io或自定义域名，别写错大小写）；
   • 站点状态是「活跃」，没有被暂停。
4. 等待数据同步
   Clicky的数据不是实时更新的，新访问数据一般需要10-15分钟才会显示在仪表盘里，别刚访问完就急着查。

三、额外排查点 #

如果还是没数据，试试用浏览器的「无痕模式」访问站点——有些浏览器的常规模式可能残留了之前的拦截设置，无痕模式能排除这个干扰。

内容的提问来源于stack exchange，提问作者daddyblondlegs