如何在Angular Cli应用程序中包含Google Analytics

Question

通常包括分析是关于使用属性Id和网页浏览操作粘贴其在html正文中的跟踪代码.我在Angular2中 跟踪Google Analytics网页视图中的答案,并且在执行ng serve此操作时正确地包含了脚本,但是在生成生产时,它不包含在索引中:

ng build --progress false --aot true -prod -e prod 

使用Angular2 Cli包含Google Analytics或其他跟踪解决方案的最佳做法是什么？

提前致谢

Answer 1

您可以使用Angular-CLI将其与其余脚本捆绑在一起.

将谷歌分析代码放在一个名为的文件中google-analytics.js.确保删除脚本标记.

然后在您的angular-cli.json文件中,将您的google-analytics.js文件添加到scripts属性中.

以下是代码的示例angular-cli.json.

"scripts": [
    "google-analytics.js"
],

此代码段将导致angular-cli将google-analytics捆绑到一个名为的文件中scripts.bundle.js,该文件在运行时使用该ng serve命令加载.