问题标签 [angulartics2]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
116 浏览

angular - 如何将 Angulartics2 与 ApplicationInsights 一起使用

我们将 applicationinsights 设置为解释官方文档app.component.ts我们在构造函数中设置 applicationInsights 。

我们希望使用Angulartics2来管理 google analitycs 和 applicationinsights。

但是,Angulartics2 需要appInsights 是全局的。app.component.ts通过在 的构造函数中声明 appInsightsappInsights不是全局的。

如果我们设置window['appInsights'] = new ApplicationInsights(....),一切都会按预期工作。使用 angulartics2 的应用程序洞察力的正确方法是什么?文档页面不是很有用。

0 投票
1 回答
152 浏览

angular - 是否可以通过angulartics2避免页面跟踪到GA的根路径?

我正在使用 angulartics2 来跟踪事件并将其他一些信息跟踪到谷歌分析。

所以,我只是在使用

Angulartics2Module.forRoot({ pageTracking: { autoTrackVirtualPages: true } })- 在主应用程序模块中和Angulartics2GoogleAnalytics.startTracking()- 在主应用程序组件中。

这种方法跟踪角度路由器中存在的所有路由变化,但我需要避免跟踪根/ 路由。

我尝试将 angulartics 模块配置为{ pageTracking: { autoTrackVirtualPages: true, excludedRoutes: ['/'] } }or{ pageTracking: { autoTrackVirtualPages: true, excludedRoutes: [/\//] } }但它没有像我预期的那样工作。

有没有一种简单的方法可以将此路线排除在跟踪之外?

0 投票
1 回答
226 浏览

angular - 在 Angulartics2 中跟踪事件

我正在尝试向我的项目添加一些跟踪,页面跟踪似乎工作正常,但事件跟踪却不行。我尝试过如下事件跟踪:

我还尝试从这样的组件触发事件跟踪:

我的 app.module 看起来像这样:

以上均未显示“网络”选项卡中正在触发的任何内容。但我可以看到页面跟踪事件是在页面加载时触发的。

0 投票
1 回答
224 浏览

angular - Angular 环境文件没有及时交换

我正在使用 Angular 9,查看引擎编译器。

我有 2 个文件用于存储环境值:

环境.ts

environment.prod.ts

这是我的angular.json配置的一部分,它在为生产环境构建应用程序时将 environment.ts 与 environment.prod.ts 交换:

如果第三方服务应该或不应该在开发人员模式下运行,我正在使用环境变量来配置它。但是,在生产中(使用 --prod 标志构建时),它无法正常工作。经过一番调查,我们发现第三方服务是从environment.ts而不是从environment.prod.ts获取价值。

这是进行配置的app.module.ts的精简版本:

后来在运行时测试 Angulartics2 第三方服务确实收到了错误的值:

为什么在AppModule's 的@NgModule装饰器函数中接收到错误的环境值,但是 - 在AppModule's中的正确环境值constructor和稍后在运行时执行的服务?是否在编译器交换环境文件之前执行@NgModule()装饰器函数?AppModule

0 投票
2 回答
618 浏览

google-analytics - 谷歌全球网站标签:如何覆盖页面引荐来源网址

我为 Angular SPA 设置了 Google 全球站点标签。我想覆盖传递给 Google 的页面引荐来源网址。

用例:登录后(使用 oAuth2),用户被重定向到应用程序。此时,url 包含敏感的授权数据(授权码)。然后这个 url 会被记录到谷歌分析中,当然应该避免这种情况。

我将Angulartics2库与GST 提供程序一起使用,它在内部使用以下代码向 Google 发送页面跟踪事件(根据 Google关于 SPA 路由跟踪的文档):

通过包含以下行,我可以在查询参数中覆盖引用者 (dr):

索引.html:

跟踪页面浏览事件的代码:

这会导致将以下请求发送到 google(注意 dr 属性,其中包含引用者):

在此处输入图像描述

如你看到的:

  • 查询字符串使用正确的引荐来源网址
  • 但是,请求负载仍然包含包含敏感数据的原始引荐来源网址

我尝试使用以下代码行设置页面引荐来源网址:

但这会导致相同的行为。

如何确保请求正文也使用覆盖的引荐来源网址?分析仪表板中曾经有一个设置来排除某些引荐来源网址,但在新版本(Google Analytics for properties)中它已经消失了。

0 投票
0 回答
38 浏览

angular11 - Angulartics2 和 Angular 11

我想知道是否有人在使用 angulartics2 和 Angular 11 时有任何运气,因为我发现 angulartics2 的存储库支持 angular 版本 10,但不确定版本 11。

请让我知道您使用 angulartics2 和 angular 11 的经验。

谢谢