谷歌分析提供免费网络分析服务，用于跟踪和报告网站流量，将谷歌分析添加到Jekyll网站十分简单。
首先登录谷歌分析并新建一个媒体资源， 以获取网站的跟踪ID，可以在管理 > 媒体资源 > 跟踪信息 > 跟踪代码下找到跟踪ID。
然后在_includes文件夹新建名为google-analytics.html的文件,并写入以下代码：
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', '{{ site.google_analytics }}', 'auto');
ga('send', 'pageview');
</script>
<script async src='https://www.google-analytics.com/analytics.js'></script>
上面Liquid对象{{ site.google_analytics }}用于通过_config.yml设置跟踪ID。
然后在_config.yml中添加跟踪ID：
# Google Analytics
google_analytics: UA—XXXXXXXX-X
最后把google-analytics.html添加到网页，谷歌建议把跟踪代码放在每个页面的<head>中，以确保正确跟踪所有访问。
{%- if jekyll.environment == 'production' -%}
{%- include google-analytics.html -%}
{%- endif -%}
上面代码表示只有在生产环境下，才运行谷歌分析，GitHub Pages默认设置是生产环境。
中国大陆不能正常访问谷歌，如果添加了谷歌分析，访客打开网页时，加载跟踪代码会导致网页速度下降。
这个时候我们可以使用 jsDelivr CDN works in China
仅需添加以下代码即可：
<script>
(function(e,t,n,i,s,a,c){e[n]=e[n]||function(){(e[n].q=e[n].q||[]).push(arguments)}
;a=t.createElement(i);c=t.getElementsByTagName(i)[0];a.async=true;a.src=s
;c.parentNode.insertBefore(a,c)
})(window,document,"galite","script","https://cdn.jsdelivr.net/npm/ga-lite@2/dist/ga-lite.min.js");
galite('create', '{{ site.google_analytics }}', 'auto');
galite('send', 'pageview');
</script>
ga-lite不仅解决了 谷歌分析跟踪代码在中国大陆影响加载速度的问题，还完美解决了官方脚本只缓存2个小时的问题。
Category
Jekyll