在ng-click上绑定Google Analytics分析事件跟踪

时间:2016-08-23 08:46:54

标签: javascript angularjs google-analytics

我正在使用基于角度的网络应用,并希望使用Google Analytics在我的应用中进行一些转换测试。

当有许多按钮需要跟踪时会发生问题:

例如,如果用户想要购买高级版本,则在此过程中需要单击5个按钮,我需要在每个按钮上绑定Google Analytics代码以检查用户流是什么。

由于有很多按钮可以绑定GA,我不想为GA绑定目的创建每个按钮的功能,所以我按以下方式进行了绑定:

<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并未显示任何事件跟踪数据,也没有错误消息。

想知道可能导致此类问题的原因,以及从何处开始调试?或者可能有任何其他方法更适合进行跟踪代码绑定?

1 个答案:

答案 0 :(得分:1)

我认为更好的方法就是这样写:

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

并在角度控制器中:

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

因此,您可以重用并测试控制器内的功能。