knockout.js - Sammy.js与Google Analytics(分析)应用程式中的Google Analytics(分析)

Question

我在我的Web应用程序中使用sammy.js进行剔除。我正在尝试向其中添加Google Analytics（分析）。我很快找到了following plugin来实现页面跟踪。

我按照步骤操作，页面如下所示：

<script src="jquery, knockout, other things, sammy, sammy.googleanalytics"></script> // I list them this way just to save space here

我的主要JavaScript文件如下所示：

Sammy(function(){
    this.use(Sammy.GoogleAnalytics);

    // all my routes
    this.get('#!route1', function(){

    });
}).run();

然后遵循Google Analytics（分析）脚本

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'myTrackingNumber', 'myURL');
ga('send', 'pageview');

当我运行应用程序并浏览不同的路线时，我在控制台中没有看到错误，但是也没有看到与Google Analytics Server的通信：Chrome的“网络”标签中没有显示此 http://www.google-analytics.com/__utm.gif?这样的内容（即使在页面加载期间也是如此） 。

在sammy.js / google-analitcs中查看示例页面，我看到了它们的 GA code is different。我也看到对插件的最新提交就像4年前一样，所以很可能已经过时了。

如何让我的GA与淘汰赛和萨米一起工作？

Answer 1

您的Google Analytics（分析）摘要使用的是Analytics.js


一种衡量用户与您的网站互动方式的新方法。它与以前的跟踪代码ga.js相似，但是为开发人员提供了更多自定义其实现的灵活性。


因此，自sammy-google-analytics插件使用ga.js以来，API已更改。

使用Analytics.j时，需要使用新的ga function而不是旧的pageTracker对象。

幸运的是，该插件非常简单，只有两个地方需要使用新API进行更改：

(function ($) {

  Sammy = Sammy || {};

  // A simple plugin that pings Google Analytics tracker
  // every time a route is triggered
  //
  // === Arguments
  //
  // +trackerAccessor+:: an accessor for the Google Analytics ga function.  
  // Defaults to the default function defined by the analytics.js snippet, 
  // or pass your own tracker accessor function if you
  // have a custom install
  Sammy.GoogleAnalytics = function (app, trackerAccessor) {
      var _trackerAccessor = 
            trackerAccessor || function () { return window.ga; },
        shouldTrack = true;

      this.helpers({
          noTrack: function () {
              disableTracking();
          }
      });

      this.bind('event-context-after', function () {
          if (typeof _trackerAccessor != 'undefined' && _trackerAccessor() 
                     && shouldTrack) {
              console.log('tracking', this.path);
              _trackerAccessor()('send', 'pageview', this.path);
          }
          enableTracking();
      });

      function disableTracking() {
          shouldTrack = false;
      }

      function enableTracking() {
          shouldTrack = true;
      }
  };
})(jQuery);

该插件的其余部分应与 its documentation:中所述的相同。