javascript - 在 ng-click 上绑定(bind)谷歌分析事件跟踪

Question

我正在开发一个基于 Angular 网络应用程序，并希望使用 Google Analytics 在我的应用程序中进行一些转换测试。

当有很多按钮需要跟踪时会出现问题:

比如用户想购买高级版，过程中需要点击5个按钮，我需要在每个按钮上绑定(bind)google analytics代码，查看用户流是什么。

由于要绑定(bind) GA 的按钮很多，我不想为每个按钮都创建一个函数来仅用于 GA 绑定(bind)，所以我按以下方式进行了绑定(bind):

<a href="" data-uk-modal="{target:'#purchasemessage'}" ng-click="ga('send', {hitType: 'event', eventCategory: 'Button', eventAction: 'click', eventLabel: 'Purchase Modal Click'});" ng-show="user.status !== 12" class="lb-primary-btn-small lb-capitalize">{{'purchase' | translate}}</a>

但是我的Google Analytics测试了好几次都没有显示事件跟踪的任何数据，也没有报错信息。

想知道什么可能导致这种问题，从哪里开始调试？或者可能有任何其他方法更适合进行跟踪代码绑定(bind)？

Answer 1

我觉得更好的办法是这样写:

<a href="" data-uk-modal="{target:'#purchasemessage'}" ng-click="sendGA(eventData)">{{'purchase' | translate}}</a>

在你的 Angular Controller 中:

$scope.sendGA = function(eventData) {
    ga('send', eventData);
}

因此您可以在 Controller 中重用和测试函数。