小编sco*_*vic的帖子

如何判断 Angular 6 App 是否处于 Angular 项目之外的生产模式

我有一些 Angular 项目之外的 Google Analytics 代码。如果环境是生产环境,我只想包括它。

我知道有一个环境变量的角项目,你可以像这里面的打字稿参考...

if (environment.production) {
  // do stuff
}
Run Code Online (Sandbox Code Playgroud)

如果在 Angular 之外有一些静态代码,那也无济于事。我尝试将 Google 分析代码放在 Angular 中,但这似乎存在未找到范围的问题,并且打字稿不喜欢它。

现在我最好的解决方案是手动检查主机名,这可能不是最好的解决方案(这是在 angular 应用程序之外的 index.html 中)...

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-00000000-0"></script>
<script>
        if(location.hostname === "productionurl.com") {
                // insert google analytics tracking code
                window.dataLayer = window.dataLayer || [];
                function gtag(){dataLayer.push(arguments);}        
                gtag('js', new Date());        
                gtag('config', 'UA-000000000-0');
        }
</script>
Run Code Online (Sandbox Code Playgroud)

我习惯使用 web.config 文件,这很简单,但这个项目使用 angular 配置来处理环境变量。

也许有一种方法可以从 vanilla javascript 中的“getAllAngularRootElements()”之类的东西获取环境,但我还没有找到方法。

google-analytics angular

2
推荐指数
1
解决办法
1265
查看次数

标签 统计

angular ×1

google-analytics ×1