天天看點

Rails 使用 Google Analytics 示例

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 檔案夾下的相應檔案中。檔案夾結構示例如下:

Rails 使用 Google Analytics 示例

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>