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') 

을하지만 또한 단일 페이지 웹 응용 프로그램 Event Tracking 사용에 대한 결과를 참조하십시오 emberjs google analytics에 대한 상위 2 search results의 조합이 트랙 경로 변경을 할 수있는 좋은 방법이라는 것을 알 수있다.

위의 코드는 아직 테스트하지 않았지만 변경 사항을 GA 대시 보드에 전파하는 데 몇 시간이 걸립니다. 업데이트 : 내 Google 웹 로그 분석 대시 보드의 콘텐츠 카테고리에는 표시되지 않습니다. "페이지"또는 "이벤트"아래에 없습니다.

누군가에게 조언이 있거나 내가 어딘가에있는 것이 있다면 알려 주시기 바랍니다. 또한 답변을 기반으로 웹 사이트에 대한 안내서를 홍보 할 수 있습니다.

Answer 1

라우팅 가능한 URL이 있고 _trackEvent가없는 것에는 _trackPageview를 사용합니다.

Event Tracking 링크는 "내장 AJAX 페이지 요소"를 나타냅니다. 그들은 SPA를 의미하지 않지만 URL이 동일하게 유지되는 경우에는 추적하려는 일부 이벤트가 페이지 내에서 발생합니다 (AJAX를 경유하는 경우).

_trackEvent를 사용하는 것이 다른 경우가있을 수 있지만 경로 전환에는 _trackPageview를 사용합니다.

Answer 2

routeChanged()를 사용하면/category/food/category/something과 같은 동적 세그먼트를 추적하는 좋은 방법이 아닙니다. 한 번만 실행되기 때문입니다. 여기에 대한 기사를 여기에 썼습니다 : http://www.randomshouting.com/2013/05/04/Ember-and-Google-Analytics.html. 또한 Ember 뒤에있는 사람들과상의하여 이것이 실제로 Google 웹 로그 분석의 URL 변경 사항을 추적하는 적절한 방법임을 확인했습니다.

Answer 3

Alex DiLiberto는 EmberConf 2014 talk here에서 엠버 앱에 Google 웹 로그 분석을 추가 할 수있는 확장 가능한 방법에 대해 정말 좋은 이야기를했습니다. - Slides - GitHub

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

는 이야기 라이브러리가 사용 된 독립 Analytics는 어느를 목표로했다.

Google Analytics를 구현하는 공식 Ember Cookbook here도 있습니다.

Answer 4

대부분이 답변이 구형입니다. 믹스 인을 사용하여 라우터에 추가하여 didTransition 이벤트를 수신하고 거기에서 페이지 뷰를 시작해야합니다. 그렇게하면 모든 경로에서 처리됩니다. 거기에 몇 가지 addons 거기에 ember trackerpageviews 및 이벤트 추적 out-of-thebox 제공하는 쓴 썼습니다.

내가 어떻게했는지 볼 수 있습니다. here. 그것은 상당히 솔직합니다.