问题描述
我正在尝试向项目中添加一些跟踪,页面跟踪似乎运行良好,但事件跟踪却没有。我已经尝试了以下事件跟踪:
<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”时,它们都可以立即工作。