绑定谷歌分析事件跟踪ng-click

Binding google analytics event tracking on ng-click

本文关键字:跟踪 ng-click 事件 谷歌 绑定      更新时间:2023-09-26

我正在开发一个基于angular的web应用程序,并希望通过使用Google Analytics在我的应用程序中进行一些转换测试。

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

例如,如果用户想购买高级版本,在这个过程中需要点击5个按钮,我需要在每个按钮上绑定google分析代码来检查用户流是什么。

因为有很多按钮要绑定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>

然而,我的谷歌分析没有显示任何数据的事件跟踪经过几次测试,也没有错误信息。

想知道是什么导致了这种问题,从哪里开始调试?或者可能有任何其他的方法是更理想的跟踪代码绑定?

我认为这样写更好:

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

,在你的angular控制器中:

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

所以你可以在你的控制器中重用和测试这个函数