Rails 使用 Google Analytics 示例

最新推荐文章于 2019-06-28 23:06:04 发布

cs08211317dn

最新推荐文章于 2019-06-28 23:06:04 发布

阅读量687

点赞数

分类专栏： web Ruby on Rails 文章标签： google analytics view tracking id tracker pageview

本文链接：https://blog.csdn.net/sunny_forever/article/details/50616763

版权

Ruby on Rails 同时被 2 个专栏收录

8 篇文章

订阅专栏

web

4 篇文章

订阅专栏

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>