angulartics2自定义事件发送到Facebook,但不发送到Google Analytics(分析)

时间:2018-11-08 08:32:20

标签: angular google-analytics google-tag-manager angulartics2

我将angulartics2与angular7项目结合使用,将事件触发到Facebook和Google Analytics(分析)。

我有使用Google跟踪代码管理器配置的Facebook和Google分析。

问题是我的自定义事件被触发并发送到Facebook,但没有发送到Google Analytics(分析)。

<head>标签下面,我有google标签管理器代码。

在主要组件打字稿文件中,添加了以下代码:

constructor(
  private angulartics2GoogleTagManager: Angulartics2GoogleTagManager,
  private angulartics2Facebook: Angulartics2Facebook,
  private angulartics2GoogleAnalytics: Angulartics2GoogleAnalytics
            ) {
    this.angulartics2Facebook.startTracking();
    this.angulartics2GoogleTagManager.startTracking();
    this.angulartics2GoogleAnalytics.startTracking();
...

例如,当人们将商品添加到购物车时,我要针对该商品触发事件。

因此在我的购物车服务中,我在构造函数中注入了angulartics2:

 constructor(@Inject(LOCAL_STORAGE) private storage: StorageService,
                private angulartics2: Angulartics2
                ) 

然后使用以下代码触发事件:

    this.angulartics2.eventTrack.next({action: 'addToCart', properties: {category: 'Cart', label: keyName, value: quantity}});

使用facebook pixel chrome扩展名,我可以看到检测到自定义事件,使用google events chrome扩展名,我可以看到未检测到事件。

我想念什么?我没有正确配置的内容?

在Google跟踪代码管理器中正确配置了Google Analytics(分析),我确实看到用户计数和页面浏览量计数正确。

有关此问题的任何信息将不胜感激。

谢谢

更新

感谢@XTOTHEL,提供了更多调查信息。

因此在app.component.ts构造函数中,我仅启用了Google跟踪代码管理器来开始跟踪。

很遗憾,Google跟踪代码管理器未检测到任何触发事件。

在向购物车中添加内容并触发添加addToCart自定义事件的angulartics2代码后,附加了Google跟踪代码管理器控制台的屏幕截图。

enter image description here

更新2

tags tab for interaction addToCart

Data Layer tab for interaction AddToCart

1 个答案:

答案 0 :(得分:1)

我不知道这是否是您要寻找的东西,但是我从Angulartics2GoogleTagManager的pushLayer方法中获得了一些GTM事件,该方法是在Angulartics2GoogleTagManager上扩展的服务中提供的:

.resx

这将为我带来一个新的dataLayer,其信息如下: enter image description here