DEV Community
·
从 ngx-matomo 迁移到 ngx-matomo-client
💡
原文英文，约900词，阅读约需4分钟。
📝
内容提要
本文介绍了Matomo在Angular项目中的集成库ngx-matomo和ngx-matomo-client，包括配置、用户同意管理、自定义变量和维度以及自定义事件触发器的使用方法。还提到了其他与Matomo直接集成的库。
🎯
关键要点
- ngx-matomo是Angular项目中集成Matomo的首选库，易于设置和理解。
- ngx-matomo的延迟兼容性促使作者研究其他选项。
- ngx-matomo-client是最受欢迎且维护良好的Angular库，适合替代ngx-matomo。
- ngx-matomo-client的配置相对简单，支持Angular注入。
- 用户同意管理在两个库中相似，需更新导入。
- 自定义变量和维度的设置方法在两个库中相同。
- 自定义事件触发器需要直接与_mtm对象交互，两个库都不提供封装。
- 作者建议寻找与Matomo直接集成的库，提供了其他库的建议。
❓
延伸问答
ngx-matomo和ngx-matomo-client有什么区别？
ngx-matomo是较早的库，易于设置，但与新版本Angular的兼容性较差；ngx-matomo-client是更受欢迎且维护良好的替代品，配置更简单。
如何在Angular项目中配置ngx-matomo-client？
在app.module.ts中导入MatomoModule和MatomoRouterModule，并使用forRoot方法传入环境配置即可。
用户同意管理在这两个库中是如何实现的？
两个库都使用MatomoTracker类管理用户同意，方法相似，只需更新导入即可。
自定义事件触发器在ngx-matomo和ngx-matomo-client中如何使用？
两个库都不提供自定义事件触发器的封装，需要直接与_mtm对象交互。
为什么要从ngx-matomo迁移到ngx-matomo-client？
由于ngx-matomo与新版本Angular的兼容性问题，ngx-matomo-client提供了更好的维护和更简单的配置，适合替代。
在选择Matomo集成库时应该考虑哪些因素？
应考虑库的维护情况、与Angular版本的兼容性、配置的简便性以及用户同意管理的实现方式。
➡️
