如何將Google Analytics納入Angular Cli應用程序

通常包括分析是關於將其跟蹤代碼粘貼到html正文中，並使用屬性Id和pageview操作。我跟着 Tracking Google Analytics Page Views in Angular2答案，做ng serve當它正確包括腳本，但隨後產生的生產時，AOT它不在索引中包含：如何將Google Analytics納入Angular Cli應用程序

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

什麼是包括谷歌Analytics（分析）或其他追蹤解決方案的最佳實踐與Angular2 Cli？

在此先感謝

來源

2017-02-22 pdjota

遵循Angular Cli項目中的建議，需要將腳本放在app-root之外，我將其包含在頭部https://github.com/angular/angular-cli/issues/4451#issuecomment- 281628623 – pdjota

如果代碼添加到外部.js文件並通過.angular-cli.json鏈接，那麼可以嗎？ –

您可以使用角CLI腳本的其餘部分將其捆綁。

將谷歌分析代碼放在一個名爲google-analytics.js的文件中。確保你刪除了腳本標籤。

然後在您的angular-cli.json文件中，將您的google-analytics.js文件添加到scripts屬性。

以下是代碼在angular-cli.json中的外觀示例。

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

這個片段將導致角-CLI捆綁谷歌-分析到名爲scripts.bundle.js文件，其在運行時與ng serve命令加載。

來源

2017-04-21 23:38:46

但你是如何加載它只爲生產？ – vlio20

如果您正在部署測試/ acc/prod，如何更改跟蹤ID？ – Richh94

解決方法可以在.angular-cli.json文件（https://github.com/angular/angular-cli/wiki/stories-multiple-apps）中使用多個應用程序。 Dev應用包含文件google-analytics.dev.js，Prod應用包含google-analytics.prod.js。 – Artjoman

如何將Google Analytics納入Angular Cli應用程序

回答

相關問題