Google Analytics 中的 UI 路由器状态更改跟踪

Question

我有一个使用 UI 路由器的 AngularJS 应用程序。尽管位置路径几乎总是保持为根（'/'），但状态变化频繁。我想跟踪 Google Analytics 中的状态变化，使用您可以在页面视图中使用的所有功能。标准方法是在发生状态更改时发送浏览量事件，如下所示：

ui-router getting current path on state change for google analytics

问题在于，对于大多数交互，我的应用程序的 $location.path() 将是“/”。 URL 很少更改。我是 Google Analytics（分析）的非开发人员方面的新手，我担心这会导致报告不如其他情况下那么可靠。

据我所知，我的选择是：

• 发送州名来代替 $location.path()，或许可以转换 '.'分隔符变成'/'。 $window.ga('send', 'pageview', { page: '/' + toState.name.replace(/\./g, '/') });

• 发送一个大部分多余的 $location.path()（几乎总是'/'），并将状态名称放入其他属性中。 $window.ga('send', 'pageview', { page: $location.path(), someOtherAttribute: toState.name });

在这种情况下有经验的人可以建议我前进的正确方法吗？

编辑

从接受的答案中获得建议，我最终创建了一个具有以下两个功能（以及其他功能）的服务

var convertPageName = function(path,stateName){
    var ret = path;

    if(stateName) {
        ret = ret + ':' + stateName.replace(/\./g, '/');
    }

    return ret;

  };

  var callPageView = function(stateName) {
    var payload;

    if(undefined !== stateName) {
        payload = {page:convertPageName($location.path(),stateName), title: stateName};
    }
    else {
        payload = {page: $location.path};
    }

    $window.ga('set', payload);
    $window.ga('send', 'pageview');
  };

Answer 1

过去我所做的是将状态或路由更改等更改视为“页面”视图。其背后的原因是我们可以更有效地跟踪和玩谷歌分析世界。这是因为 GA 最初是围绕基于页面的组件构建的。您想要做的实际上是使用ga.set 绑定，然后推送您的页面视图或正在发送的任何事件。通过这样做，您现在可以在 GA 中保留所有关联的内容。这使您的代码如下：

$rootScope.$on("$stateChangeSuccess", function(event, toState, toParams, fromState, fromParams) {
    $window.ga('set',{page:$location.path() + toState.name.replace(/\./g, '/'), title:toState.name});
    $window.ga('send', 'pageview');
    //any other events to send. They're now all going to be associated 
    //with this state until there is another navigation
});