Question

如何在Angular2应用中跟踪点击事件，访问过的网页，在特定网页上花费的时间等内容？有没有这样做的包或者我必须通过使用大量的手动记录重新发明轮子。

Answer 1

跟踪和分析不是AngularJS的核心职责。使用情况分析是一个相当广泛的主题，并且在很大程度上取决于用例，因此对您的问题没有简单而正确的答案。但是，有很多开源和付费工具可以做到这一点。

我建议您查看Google Analytics，Mixpanel和Heap，它们会根据您拥有的流量提供一些免费使用。如果您正在寻找更多自定义设置并且需要完全自定义＆＃34;数据，您可能想查看Snowplow，这是一个免费的解决方案，但需要更多的工作来设置和管理。

Answer 2

根据我对Angular I的经验，Adobe DTM是一个非常有用的工具。

DTM专为非技术性“营销人员”设计，用于跟踪其业务应用程序。因此，像你这样的人可以很快实现至少基本的跟踪功能。

Answer 3

我会使用Google跟踪代码管理器以及您想要的任何内容。 GTM是分离应用程序源代码和跟踪代码的最干净，最好的解决方案。此外，它还具有许多有用的功能，可以提高您的工作流程。所有跟踪代码的Cookie退出设置不会超过5分钟。

作为跟踪工具，我更喜欢Google Analytics。组合非常简单。要将数据从Angular 2发送到Google跟踪代码管理器/分析/其他任何内容，请参阅此示例以获取页面视图：

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

如何在Angular2应用中跟踪使用指标？

3 个答案: