web-dev-qa-db-ja.com

Rails 4を使用したGoogleアナリティクス

Rails 4プロジェクトにGoogleアナリティクスを実装するのに少し苦労しています。レイアウトファイルの下部にトラッキングコードを含め、提案どおりにターボリンクを削除しようとしました here ただし、i googleはこのトラッキングCookieを検出できません。

google-analyticsruby-on-rails-4
37
Joshua

数日前にGoogleアナリティクスを設定しました。

1。）ターボリンクの回避策

Turbolinksでは、GoogleアナリティクスのJavaScriptライブラリでは、ページが更新されるたびにページへのアクセスを記録するには不十分です。

回避策はすべてのページにロードする必要がありますアプリケーション全体のアセットとして含めることができます（Turbolinksの前にロードされます）。

ファイルapp/assets/javascripts/analytics.js.coffeeを追加して、Turbolinksの回避策を含めます。

app/assets/javascripts/analytics.js

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

// Javascript
$(document).on('page:change', function() {
 if (window._gaq != null) {
  return _gaq.Push(['_trackPageview']);
 } else if (window.pageTracker != null) {
  return pageTracker._trackPageview();
 }
});

2。）フッターパーシャルの作成

app/views/layouts-> _footer.html.erbにパーシャルを作成するだけです

次に、application.html.erbでパーシャルを呼び出します-> <%= render 'layouts/footer' %>

アナリティクストラックコードをフッターに挿入します。

<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-XXXXXXX-XX', 'herokuapp.com');
  ga('send', 'pageview');

</script>

A-XXXXXXX-XXを置き換える必要がありますトラッキングID、およびherokuapp.comがある場合はドメインに置き換えます。

78
Mini John

以下は、coffeescriptを使用しないコードです。

app/assets/javascripts/analytics.js

$(document).on('page:change', function() {
 if (window._gaq != null) {
  return _gaq.Push(['_trackPageview']);
 } else if (window.pageTracker != null) {
  return pageTracker._trackPageview();
 }
});
12
poerror

私はこの宝石を使用し、セットアップが非常に簡単でした。余分な.jsファイルの作成はありません。 Googleアナリティクストラッキングを管理するRails 3ヘルパー。主に小規模から中規模のWebサイトを対象としています。

Gemをインストールするだけです：

gem 'google-analytics-Rails', '1.1.0'

次に実行します：

bundle install

最後に、これは本番環境の構成になります。

本番のみconfig/environments/production.rb：

# replace this with your tracker code
GA.tracker = "UA-112233-4"

app/views/layout/application.html.erb、<head>タグ：

<%= analytics_init if GoogleAnalytics.valid_tracker? %>

Herokuにプッシュした直後に結果を確認しました。

3
perezdr

Turbolinksを削除し、ここで提供されているRailsProjectsスクリプトを使用しました。

http://railsapps.github.io/Rails-google-analytics.html

私のために問題なく働いた。それはそれを検出し、しばらくするとリアルタイムのユーザーを見ることができたので、動作していることがわかります。

編集：スクリプトはTurbolinksのオンまたはオフをサポートしているように見えますが、これはすばらしいことです。

# 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()
2
Joshua Dance

ターボリンクにGAを追加する際に問題が発生したため、stackoverflowに関するいくつかのブログと回答を参照し、これに関する小さなブログを作成しました。このリンクを参照してください http：// tarungarg402.blogspot.in/2015/01/google-analyicts-wth-Rails.html

1
Tarun Garg

これをRailsアプリで使用します。これをapplication.js.erb

// GA racking code
(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','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXX-<%= Rails.env.production? ? '1' : '2' %>', 'auto');
// I have 2 GA properties- one for debug and another for production

// accommodate Turbolinks and track page views
$(document).on('ready page:change', function() {
    ga('send', 'pageview');
});
0
vedant