Angular2中的Google Analytics没有更改网页网址?

时间:2017-07-31 12:19:14

标签: javascript angular google-analytics tracking

有人可以告诉我如何在页面网址未更改时使用Google Analytics。我正在使用Angular Material md-tab-group,它只是在不更改URL的情况下切换页面。

示例代码段:

<md-tab-group [selectedIndex]="selectedIndex" #navigationTabs (selectChange)="indexChanged(navigationTabs);">
  <md-tab label="Label1" [class.mat-tab-label-active]="selectedIndex === 0" >
     <label1-scores *ngIf="selectedIndex === 0"></label1-scores>
  </md-tab>
  <md-tab label="Label2" [class.mat-tab-label-active]="selectedIndex === 1">
    <label2-groups *ngIf="selectedIndex === 1"></label2-groups>
  </md-tab>
</md-tab-group>

protected indexChanged(i) {
    if (i == 0) {
      ga('send', 'pageview', "/scores");
    }
    else if (i == 1) {
      ga('send', 'pageview', "/groups");
    }
}

在这些情况下,页面URL是静态的,只有angular2组件正在发生变化。这是将页面数据发送到谷歌还是其他任何方式的正确方法吗?

1 个答案:

答案 0 :(得分:0)

试试这个:

protected indexChanged(i) {
    if (i == 0) {
      ga('set', 'page', "/scores");
    }
    else if (i == 1) {
      ga('set', 'page', "/groups");
    }
    ga('send', 'pageview');
}