将Google Analytics添加到Rails 4.2应用程序

我已经使用Heroku部署了一个Rails 4.2应用程序，并且我试图将Google Analytics添加到它。但是，Google Analytics并未收集任何会话。将Google Analytics添加到Rails 4.2应用程序

任何建议为什么以及如何解决这个问题？

CODE

/app/layouts/_footer.html.erb：

<% if Rails.env.production? %> 
    <script> 
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 

    ga('create', 'UA-XXXXXXXX-X', 'herokuapp.com'); 
    ga('send', 'pageview'); 

    </script> 
<% end %>

/app/layouts/application.html.erb：

<!DOCTYPE html> 
<html> 
<head> 
    <title>Title</title> 
<%= Gon::Base.render_data({}) %> 
    <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %> 
    <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %> 
    <%= csrf_meta_tags %> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
</head> 
<body> 

<div class="container"> 
    <%= yield %> 
</div> 

<%= render 'layouts/footer' %> 

</body> 
</html>

/应用/ assets/javascripts/analytics.js.coffee：

$(document).on 'page:change', -> 
if window._gaq? 
    _gaq.push ['_trackPageview'] 
else if window.pageTracker? 
    pageTracker._trackPageview()

个

/app/assets/javascripts/application.js：

//= require jquery 
//= require analytics 
//= require bootstrap 
//= require jquery_ujs 
//= require jquery.ui.all 
//= require Chart 
//= require jquery.turbolinks 
//= require lodash 
//= require_tree .

的Gemfile：

source 'https://rubygems.org' 

gem 'rails',    '4.2.2' 
gem 'bootstrap-sass',  '3.2.0.0' 
gem 'sass-rails',   '5.0.2' 
gem 'uglifier',    '2.5.3' 
gem 'coffee-rails',   '4.1.0' 
gem 'jquery-rails',   '4.0.3' 
gem 'jquery-ui-rails', '~> 4.2.1' 
gem 'turbolinks',   '2.3.0' 
gem 'jquery-turbolinks' 
gem 'jbuilder',    '2.2.3' 
gem 'sdoc',     '0.4.0', group: :doc 
gem 'chart-js-rails' 
gem 'gon' 
gem 'lodash-rails' 

group :development, :test do 
    gem 'sqlite3',  '1.3.9' 
    gem 'byebug',  '3.4.0' 
    gem 'web-console', '2.0.0.beta3' 
    gem 'spring',  '1.1.3' 
end 

group :production do 
    gem 'pg',    '0.17.1' 
    gem 'rails_12factor', '0.0.2' 
end

来源

2016-02-26 Bhav

就这样您知道，您在此问题中混合了两种不同版本的Google Analytics（分析）网络跟踪库。在您的'_footer.html.erb'中，您正在使用[analytics.js跟踪代码段]（https://developers.google.com/analytics/devguides/collection/analyticsjs/），但在您的'analytics.js中。咖啡'文件，您使用的遗留ga.js代码，它不会做任何事情，因为您从未加载ga.js库，您加载了analytics.js。 –

要添加脚本的方式是错误的方式，因为它不会因Turbolinks工作，你知道_footer中的代码不会按预期运行，因为这段标记不会因为Turbolink而重新加载。

我会给你我所有我的rails应用程序的谷歌分析的自定义实现。

在您的应用程序/资产/ JavaScript的创建一个新的文件名为google_analytics.js.coffee并添加下面的脚本：

class @GoogleAnalytics 

    @load: -> 
    # Google Analytics depends on a global _gaq array. window is the global scope. 
    window._gaq = [] 
    window._gaq.push ["_setAccount", GoogleAnalytics.analyticsId()] 

    # Create a script element and insert it in the DOM 
    ga = document.createElement("script") 
    ga.type = "text/javascript" 
    ga.async = true 
    ga.src = ((if "https:" is document.location.protocol then "https://ssl" else "http://www")) + ".google-analytics.com/ga.js" 
    firstScript = document.getElementsByTagName("script")[0] 
    firstScript.parentNode.insertBefore ga, firstScript 

    # If Turbolinks is supported, set up a callback to track pageviews on page:change. 
    # If it isn't supported, just track the pageview now. 
    if typeof Turbolinks isnt 'undefined' and Turbolinks.supported 
     document.addEventListener "page:change", (-> 
     GoogleAnalytics.trackPageview() 
    ), true 
    else 
     GoogleAnalytics.trackPageview() 

    @trackPageview: (url) -> 
    unless GoogleAnalytics.isLocalRequest() 
     if url 
     window._gaq.push ["_trackPageview", url] 
     else 
     window._gaq.push ["_trackPageview"] 
     window._gaq.push ["_trackPageLoadTime"] 

    @isLocalRequest: -> 
    GoogleAnalytics.documentDomainIncludes "local" 

    @documentDomainIncludes: (str) -> 
    document.domain.indexOf(str) isnt -1 

    @analyticsId: -> 
    # your google analytics ID(s) here... 
    'UA-xxxxxxxx-x' 

GoogleAnalytics.load()

正如你可以看到它增加了对Turbolinks支持，这是一个干净的，更好的将Google分析添加到您的应用的方式。希望对你有效。

来源

2016-02-26 21:12:27 SsouLlesS

谢谢。而在'/app/assets/javascripts/application.js：'文件中，我应该用'// = require analytics'替换'// = require analytics'？ – Bhav

你不需要修改你的application.js，因为你已经拥有了'// require_tree .'你根本不需要'// =需要分析'... – SsouLlesS

@SsouLlesS看起来不错！有没有办法将其限制在生产环境中？ – slehmann36

将Google Analytics添加到Rails 4.2应用程序

回答

相关问题