Angulartics2 基础知识

Angulartics2 Basics

我尝试按照项目自述文件中的 Angulartics2 教程进行操作,但未跟踪路由器事件。

首先,我对将分析提供程序脚本放在何处感到困惑。那只是放在 index.html 中吗?

在我的 app.module.ts 中,我有:

import { Angulartics2Module, Angulartics2Piwik } from 'angulartics2';
@NgModule{[
    imports: [
        ...
        Angulartics2Module.forRoot([ Angulartics2Piwik ]),
        ...
    ],...
)

在我的 app.component.ts 中,我有:

import { Angulartics2Piwik } from 'angulartics2';
@Component([
    selector: "app",
    templateUrl: "app.component.html",
])
@Injectable()
export class AppComponent {
    constructor(angulartics2Piwik: Angulartics2Piwik) {}
}

在我的 index.html 中,我只包含了 Piwik 提供的脚本。

项目自述文件看起来好像这就是开始跟踪路由器更改所需的全部内容。然而,Piwik 只看到页面浏览量,而不是路由器变化。

知道 Angulartics2 可能遗漏了什么吗?

以上正确。但是,在 Piwik 设置中,必须启用深度 link 跟踪。在 UI 中,转到 settings -> websites -> settings -> Page URL fragments tracking。启用它并保存。您的 Piwik + Angulartics 安装应该可以正常工作!