javascript - 使用 angular.js 和谷歌分析跟踪 href 点击

Question

我有一个允许用户下载文件的网络应用程序。我动态生成一个 href="xx" 链接。

我已经看过这篇解释如何使用 Angular 跟踪路线的文章:http://www.arnaldocapo.com/blog/post/google-analytics-and-angularjs-with-ui-router/72

如何跟踪用户下载的每个文件？

Answer 1

你想为此使用 ng-click。我还会使用 GA 的事件跟踪来跟踪这个指标。这是一个例子:

<a href="#" ng-click="logDownload()">Download</a>

$scope.logDownload = function () {
    $window.ga('send', 'event', 'Download', 'File Name'); //This would log a GA Event
    $location.path('your path to download the file'); //use this if you are linking to an angular route
};

利用注入(inject) $window 和 $location 到你的 Controller 。使用 $window 使您的代码可测试。