Angular2アプリで使用量の指標をトラッキングするにはどうすればよいですか？

Question

Angular2アプリでクリックイベント、特定のページに費やされた時間などがどのように記録されますか？これを行うパッケージがあるか、私は多くの手動ロギングを使用してホイールを再開発する必要があります。

Answer 1

追跡と分析はAngularJSの中核的責任ではありません。使用状況分析は非常に幅広いテーマであり、ユースケースに大きく依存するため、質問に対する簡単で正確な答えはありません。しかし、これを行う多くのオープンソースと有料のツールがあります。

トラフィック量に応じていくつかの無料使用を提供するGoogle Analytics、Mixpanel、およびHeapを調べることをおすすめします。よりカスタマイズし、データを完全に所有することを望むなら、無料のソリューションであるSnowplowをチェックしたいかもしれませんが、セットアップと管理にもっと多くの作業が必要です。

Answer 2

Angular Iの私の経験では、Adobe DTMは本当に便利なツールでした。

DTMは、技術的ではないマーケティング担当者がビジネスアプリケーションを追跡するために設計されました。したがって、あなたのような人は、少なくとも基本的なトラッキング機能をすぐに実装することができます。

Answer 3

私はGoogleタグマネージャーに加え、必要なものを追加します。 GTMは、アプリケーションのソースコードとトラッキングコードを分離する最もクリーンで最適なソリューションです。また、ワークフローを向上させる多くの便利な機能が付属しています。すべてのトラッキングコードに対するCookieのオプトアウトは、5分以内に設定されます。

トラッキングツールとして私はGoogleアナリティクスを推奨します。組み合わせはかなりシンプルです。 Googleタグマネージャ他/ Analyticsは/何にも角度2からのデータを送信するには、ページビューのために、この例を参照してください。

import {Component} from '@angular/core'; 
import {Router, ROUTER_DIRECTIVES, Event, NavigationEnd} from '@angular/router'; 

@Component({ 
    selector: 'my-app', 
    templateUrl: './app.html', 
    directives: [ROUTER_DIRECTIVES], 
    providers: [], 
}) 

declare let ga:Function; 
export class AppComponent { 
    constructor(public router:Router) { 
     this.router.events.subscribe(
      (event:Event) => { 
       if (event instanceof NavigationEnd) { 
        ga('send', 'pageview', event.urlAfterRedirects); 
       } 
      }); 
    } 
} 

から：http://blog.thecodecampus.de/angular-2-google-analytics-google-tag-manager