25

Rails 4 で Google アナリティクス トラッキング コードとターボ リンクを実装する最善の方法を考えています。通常のスニペットは機能しますか? このための宝石も見ましたが、それが何をするのかわかりません。

4

8 に答える 8

28

vladCovaliov のソリューションが気に入っているのは、ほとんどの新しいアカウントがデフォルトで Universal Analytics を使用しているように見えるからです (私の意見では、こちらの方が優れているとも言えます)。ただし、この回答は、最初のページビューをコメントアウトし、イベントを使用し、イベントではなくページビューを追跡する他の提案と組み合わせる必要があると思いpage:changeます。

たとえば、あなたの<head>：

<% 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', 'auto');
    //ga('send', 'pageview');
  </script>
<% else %>
  <script>
    function ga () {
      var params = Array.prototype.slice.call(arguments, ga.length);
      console.log("GoogleAnalytics: " + params);
    };
  </script>
<% end %>

次に、アセット パイプラインを介して読み込んだ js ファイルを次のように記述します。

$(document).on('page:change', function() {
  ga('send', 'pageview', window.location.pathname);
});

これにより、ターボリンクの有無にかかわらず、ロードした各ページのページビューが記録されます。が必要であることに注意してくださいwindow.location.pathname。それ以外の場合は、後続のすべてのページ読み込みで最初に読み込まれたページの URL を取得できます。:id(これは、RESTful URL からパス セグメントを取り除きたい場合などに、報告された URL を編集するための便利な場所にもなります。)

また、次のように簡単に呼び出すこともできます。

ga('send', "event", category, action, label, count);

サイト内の他の興味深い JavaScript イベントのイベントをレポートするため。

于 2014-07-31T03:28:29.580 に答える
14

私はいくつかの Web サイトで見た別のアプローチを採用しましたが、妥当なようです。

trackPageviewいつものように GA をヘッダーに追加しますが、イベントが自動的に発生しないようにコメントアウトするという小さな変更があります。

<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-FOOBAR']);
  //_gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>

body次に、ボディがターボリンク用にリロードされるため、これをあなたのどこかに追加します。

<% if Rails.env.production? %>
  <script>_gaq.push(['_trackPageview']);</script>
<% end %>

本番環境のチェックはオプションですが、積極的に開発している場合、これは GA が localhost のヒットを追跡しないようにする良い方法です。もう 1 つのメリットは、page:change または page:load バインディングをいじる心配がなく、GA で追跡可能なブラウザーで動作することを確信できることです。ダブル ヒットや奇妙なことを心配する必要はありません。 .

于 2013-10-05T15:38:44.827 に答える
13

新しい Universal Analytics (analytics.js ファイルから) を使用することをお勧めします。

ユニバーサル アナリティクス ソリューション

  (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', "#{GA_UA}", "#{GA_URL}");
  ga('send', 'pageview');

そして、たとえばイベントを送信したいときは、次を使用できます

<script> ga('send', "event", "#{category}", "#{action}", "#{label}", "#{count}"); </script>

このコードを head ではなく body でレンダリングするように注意してください。ターボリンクは本体交​​換のみ。

また、注意してください：

1) GA_URL はページの URL と一致する必要があります

2) イベントはリアルタイムで表示されますが、イベント タブでは 24 時間後にのみ表示されます +

3) このソリューションが機能するには、アカウントのプロパティが「ユニバーサル」である必要があります

ユニバーサル アナリティクスのドキュメント:

https://support.google.com/analytics/answer/2790010?hl=ja&ref_topic=2790009

于 2013-10-22T20:03:54.197 に答える
1

http://reed.github.io/turbolinks-compatibility/google_analytics.html . _

少なくとも Turbolinks v2.1.0 以降が必要です。

于 2014-02-04T17:25:56.067 に答える