ngx-matomo 使用教程

最新推荐文章于 2024-09-02 07:19:20 发布

花化贵Ferdinand

最新推荐文章于 2024-09-02 07:19:20 发布

阅读量610

点赞数 10

本文链接：https://blog.csdn.net/gitblog_00614/article/details/141795112

版权

ngx-matomo 使用教程

ngx-matomoMatomo (aka. Piwik) web analytics for Angular applications项目地址:https://gitcode.com/gh_mirrors/ng/ngx-matomo

项目介绍

ngx-matomo 是一个为 Angular 应用设计的 Matomo 分析客户端。Matomo 是一个开源的网站分析平台，可以作为 Google Analytics 的替代品，保护用户数据和隐私。ngx-matomo 提供了在 Angular 应用中集成 Matomo 分析的简便方法，支持自动页面视图跟踪和其他高级功能。

项目快速启动

安装

首先，使用 Angular CLI 安装 ngx-matomo：

ng add ngx-matomo

安装过程中，系统会提示您输入 Matomo 服务器地址和站点 ID。您可以在 Matomo 管理面板中找到站点 ID。

配置

在您的根模块中进行基本配置：

import { MatomoModule } from 'ngx-matomo';

@NgModule({
  imports: [
    MatomoModule.forRoot({
      siteId: 1,
      trackerUrl: 'http://your-matomo-instance.com'
    })
  ]
})
export class AppModule { }

使用

启用自动页面视图跟踪：

import { provideMatomo, withRouter } from 'ngx-matomo';

bootstrapApplication(RootComponent, {
  providers: [
    provideMatomo({
      siteId: 1,
      trackerUrl: 'http://your-matomo-instance.com'
    }, withRouter())
  ]
});