Angulartics2中的跟踪事件

问题描述

我正在尝试向项目中添加一些跟踪,页面跟踪似乎运行良好,但事件跟踪却没有。我已经尝试了以下事件跟踪:

<button angulartics2On="click" angularticsAction="Make Offer Click" angularticslabel="Make Offer Click" angularticsValue="123" [angularticsProperties]="{'productID': 123,'productTitle': 'A title to die for','productCountry': 'EN'}" type="button">Track this</button>

我还尝试过从组件触发事件跟踪,如下所示:

import { Angulartics2LaunchByAdobe } from 'angulartics2/launch';
import {Angulartics2} from "angulartics2";

constructor(angulartics2LaunchByAdobe: Angulartics2LaunchByAdobe,private angulartics2: Angulartics2) {
    angulartics2LaunchByAdobe.startTracking();
  }

...

this.angulartics2.eventTrack.next({
      action: 'Make offer clicked',properties: {'productID': 123,'productTitle': 'Product 123','productCountry': 'EN'}
  });

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

import { Angulartics2Module } from 'angulartics2';
import { Angulartics2LaunchByAdobe } from 'angulartics2/launch';
...
imports: [
  Angulartics2Module.forRoot()
  ]

以上都不显示“网络”选项卡中正在触发的所有内容。但是我可以看到页面加载时触发了页面跟踪事件。

解决方法

所以我找到了问题。这是由于Adobe Launch跟踪中的错误命名事件(由其他人完成)。该文档说:

一旦设置,无论提供者如何,Angulartics的用法都是相同的。将使用名为“ pageTrack”的“直接调用”事件来跟踪路线更改,并使用名为“ eventTrack”的“直接调用”事件来跟踪事件或活动。

因此,Adobe Launch部门将其命名为“ appEventData”,并且将其更改为“ eventTrack”时,它们都可以立即工作。