1. 创建 _google_analytics.html.erb view:
<span style="font-size:18px;"><!-- Google Analytics -->window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;// Create tracker.ga('create', '<%= ENV['GOOGLE_ANALYTICS_TRACKING_ID'] %>', 'auto');<!-- End Google Analytics --></span>
这段代码下载Google Analytics, 并且初始化 tracker。
想知道更多关于tracker的信息,可以查看官方指导: Understand Google Analytics trackers
这里我们把 tracking ID 设置为环境变量(最好在application.configure里取环境变量,这里为了简单,就直接写在view里了),这样我们就可以为不同的环境设置不同的 Google Analytics property了。
2. 设置 tracking ID 环境变量
2.1 本地环境: 添加 GOOGLE_ANALYTICS_TRACKING_ID=UA-XXXXXXX-X 到 .env 文件。
2.2 远程环境: 添加 GOOGLE_ANALYTICS_TRACKING_ID=UA-XXXXXXX-X 到 config/environments 文件夹下的相应文件中。文件夹结构示例如下:
3. 把 Google Analytics view 加入 application layout:
为了在网站所有页面中使用 Google Analytics , 把view 加入到 application.html.erb
<span style="font-size:18px;"><head>
<!-- Only set up google analytics when running in certain environments-->
<% if %w(development production).include? Rails.env %>
<%= render partial: 'shared/google_analytics' %>
<% end %>
</head></span>
4. 在一个 javascript 文件中写入追踪页面访问代码:
这里我们新建一个 javascript 文件,而不是直接把代码添加在 view里,是考虑到之后如果还要添加其他追踪代码会比较方便。例如,之后可以添加追踪表格提交代码。
如果想了解如何自定义追踪页面访问,可以查看以下指导: instruction page
<span style="font-size:18px;">(function() {
// If google analytics is not set up, skip tracking code
if(window.ga === undefined) return;Track page view
// Set the page value on the tracker. Url: get rid of parameters and trailing '/'
ga('set', 'page', document.location.pathname.split('?')[0]);// Send page view
ga('send', 'pageview');
})();
</span>