如何在Angular2中使用Google Analytics跟踪事件

Question

我已经使用Angular2在Google Analytics中实现了此页面跟踪解决方案https://dev59.com/ZFoU5IYBdhLWcg3wO1UW#39622860，并且它运行良好。

我该如何使用？

            ga('send', {
                hitType: 'event',
                eventCategory: 'Some Category',
                eventAction: 'Level Completed',
                eventLabel: 'Level 3'
            });

在组件内部执行？

这段代码在组件内部运行，但控制台中会报“找不到ga”的错误。

- Pat M

Answer 1

您可以选择下载真正的定义文件（下面有链接），或者制作自己的定义文件或只需键入以下内容：

declare var ga: any;

您需要将代码顶部添加与您提供的链接中 OP 所做的一样（但这种方式不会自动完成ga 方法）。

更新：

由于 TypeScript 正在从 typings 迁移到 @types，因此新的存储库是：https://www.npmjs.com/package/@types/google.analytics。

您可以通过以下方式安装 d.ts 文件：npm install --save @types/google.analytics。

如果您使用 angular-cli，则可以通过以下教程使其与第三方库正常工作：https://github.com/angular/angular-cli/wiki/stories-third-party-lib。

- eko

---

我尝试使用Google Analytics的类型定义，但是他们定义的方法并不是Google Analytics（analytics.js）所具有的方法，例如ga('send')。 - Mohammad Kermani

@M98 嗯，可能是一个不同的或已弃用的库。 - eko

在给定的链接上出现了404错误。 - Rohit Choudhary