Ember.jsとGoogle Analytics

Question

安定したEmber RCがあるので、後ほど参考にしたいと思います。

App.ApplicationController = Ember.Controller.extend 
    routeChanged: (-> 
    return unless window._gaq 
    Em.run.next -> 
     page = if window.location.hash.length > 0 then window.location.hash.substring(1) else window.location.pathname 
     _gaq.push(['_trackPage', page]) 
).observes('currentPath') 

が、その後、私はまた、単一のページのWebアプリケーションのためEvent Trackingを使用しての結果を参照してください。emberjs google analyticsのトップ2 search resultsの組み合わせは、これはトラックのルート変更を行うための良い方法であることが明らかになりました。

私は上記のコードをまだテストしていませんが、GAダッシュボードに変更を反映するまでに数時間かかります。 更新：Googleアナリティクスダッシュボードのコンテンツカテゴリには表示されません。 「ページ」または「イベント」の下にはありません。

誰かがアドバイスを持っている場合、または私がどこかで紛失しているものがある場合は、私に知らせてください。私はここの答えに基づいてウェブサイトのためのガイドをPRすることもできます。

Answer 1

ルーティング可能なURLを持つものと_trackEventを持たないものについて_trackPageviewを使用します。

Event Trackingのリンクでは、「埋め込みAJAXページ要素」を参照しています。それらはSPAを意味するのではなく、URLが同じままである場合でも、ページ内で（AJAX経由の場合）追跡するイベントが発生します。

_trackEventを使用することが理にかなっている場合もありますが、_trackPageviewを使用してルートを移行する場合もあります。

Answer 2

routeChanged（）を使用すると、/ category/food/category/somethingなどの動的セグメントをトラッキングするのに適していません。これは、1回だけ起動されるためです。私はここにこれに関する記事を書いた：http://www.randomshouting.com/2013/05/04/Ember-and-Google-Analytics.html。私はEmberの後輩と相談し、これが実際にGoogle AnalyticsのURL変更を追跡する適切な方法であることを確認しました。

Answer 3

Alex DiLibertoは、EmberConf 2014のトークhereで、EmberアプリにGoogleアナリティクスを追加するための堅牢な&スケーラブルな方法について本当に素敵な話をしました。 Slides - - GitHub

App.ApplicationRoute = Ember.Route.extend({ 
    actions: { 
    didTransition: function() { 
     Ember.run.once(this, function() { 
     ga('send', 'pageview', this.router.get('url')); 
     }); 
    } 
    } 
}); 

話は分析ライブラリが使用されたとは独立であることを目指していました。

Googleアナリティクスhereの実装に関する公式のEmber Cookbookもあります。

Answer 4

これらの回答のほとんどは古くなっています。ミックスインを使用してルータに追加して、didTransitionイベントをリスンしてページビューを発生させる必要があります。そうすれば、すべてのルートで処理されます。そこには、ember trackerというpageviewsとイベントの追跡を提供するものを含めて、そこにいくつかのアドオンがあります。

私はそれをどのようにして見ることができますhere。それはかなり簡単です。