Ember.js và Google Analytics

Question

Tôi muốn nhận được câu trả lời cuối cùng ở đây để tham khảo sau này rằng chúng tôi có một RC Ember ổn định. Sự kết hợp giữa phía trên 2 search results cho emberjs google analytics tiết lộ rằng đây là một cách tốt để làm thay đổi lộ trình theo dõi:

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

nhưng sau đó tôi cũng thấy kết quả cho việc sử dụng Event Tracking cho các ứng dụng trang web duy nhất.

Tôi chưa thử nghiệm mã ở trên, phải mất vài giờ để truyền các thay đổi cho trang tổng quan GA. Cập nhật: Điều này không hiển thị trong danh mục Nội dung trên trang tổng quan Google Analytics của tôi. Không dưới "Trang" hoặc "Sự kiện".

Nếu có ai có lời khuyên hoặc nếu có điều gì đó tôi thiếu ở đâu đó, hãy cho tôi biết. Tôi cũng có thể PR hướng dẫn cho trang web dựa trên các câu trả lời ở đây.

Answer 1

Tôi sẽ sử dụng _trackPageview cho những thứ có URL định tuyến và _trackEvent cho những thứ không có.

Trong liên kết Event Tracking khi chúng tham chiếu đến "Các phần tử trang AJAX được nhúng". Chúng không có nghĩa là SPA, mà đúng hơn là các trường hợp khi URL vẫn giữ nguyên, nhưng một số sự kiện mà bạn muốn theo dõi xảy ra trong trang (trong trường hợp thông qua AJAX).

Có thể có các trường hợp khác có ý nghĩa khi sử dụng _trackEvent, nhưng đối với các chuyển đổi tuyến đường tôi sẽ sử dụng _trackPageview.

Answer 2

Sử dụng tuyến đườngChanged() không phải là cách hay để theo dõi các phân đoạn động như/category/food/category/something vì nó sẽ chỉ được kích hoạt một lần. Tôi đã viết một bài báo về điều này ở đây: http://www.randomshouting.com/2013/05/04/Ember-and-Google-Analytics.html. Tôi cũng đã tham khảo ý kiến ​​với những kẻ đứng đằng sau Ember và xác nhận rằng đây thực sự là cách thích hợp để theo dõi các thay đổi về url cho Google Analytics.

Answer 3

Alex DiLiberto đã có một cuộc trò chuyện thực sự thú vị về cách mạnh mẽ & có thể mở rộng cách thêm Google Analytics vào ứng dụng ember trong cuộc hội thoại EmberConf 2014 here của mình. - Slides - GitHub

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

Buổi nói chuyện được nhằm được độc lập trong đó năng phân tích thư viện được sử dụng.

Hiện cũng có một Sách chính thức về Ember về triển khai Google Analytics here.

Answer 4

Hầu hết các câu trả lời này đều lỗi thời. Bạn nên sử dụng mixin và thêm nó vào Bộ định tuyến để nghe sự kiện didTransition và kích hoạt số lần xem trang của bạn ở đó. Bằng cách đó, nó được xử lý cho tất cả các tuyến đường. Có một số addons ra khỏi đó, bao gồm cả một trong những tôi đã viết được gọi là ember tracker cung cấp cho bạn pageviews và theo dõi sự kiện out-of-the-box.

Bạn có thể xem cách tôi đã thực hiện nó here. Nó khá thẳng về phía trước.