38

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

4

6 に答える 6

79

数日前に 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.) フッター部分を作成する

aa Partial をapp/views/layouts-> _footer.html.erbに作成するだけです

次に、application.html.erb で Partial を呼び出します -><%= 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>

UA-XXXXXXX-XXを追跡 ID に置き換え、herokuapp.comをドメインに置き換えてください(存在する場合)。

于 2013-10-16T12:12:05.253 に答える
12

以下は、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();
 }
});
于 2014-09-16T12:40:17.427 に答える
3

私はこの宝石を使用しましたが、セットアップは非常に簡単でした。余分な .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"

<head>タグ内の app/views/layout/application.html.erb :

<%= analytics_init if GoogleAnalytics.valid_tracker? %>

Heroku にプッシュするとすぐに結果が表示されました。

于 2016-04-30T03:14:45.300 に答える
2

Turbolinks を削除し、RailsProjects スクリプトを使用しました。

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

問題なく動作しました。それが検出され、しばらくするとリアルタイムのユーザーが表示されたので、機能していることがわかります。

編集: スクリプトは、すばらしいターボリンクのオンまたはオフをサポートしているようです。

# 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()
于 2015-02-20T00:13:46.130 に答える
1

ターボリンクを使用して GA を追加する際にいくつかの問題に直面していたので、stackoverflow に関するいくつかのブログと回答を参照し、これに関する小さなブログを書きました。このリンクを参照してください http://tarungarg402.blogspot.in/2015/01/google-analyicts-wth-rails.html

于 2015-01-29T09:31:42.700 に答える
0

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');
});
于 2016-07-13T11:21:55.093 に答える