使用铁路由器的Meteor中的Google Analytics

Question

我试图让Google Analytics与Iron Router配合使用

在lib/analytics.js我有以下代码（从分析中的代码页粘贴）：

if (Meteor.isClient) {
    (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', 'UA-45905917-2', 'ec2-54-246-15-224.eu-west-1.compute.amazonaws.com');
}

然后，在client/router.coffee是以下代码：

Router.configure layoutTemplate: 'layout'

Router.map ->
    @route 'home', 
        path: '/'
        template: 'home'
        after: -> ga('send', 'pageview')

    for link in Pages.links
        route =  
            path: link.url
            template: link.toTemplate 
            after: -> ga('send', 'pageview')
        @route link.toTemplate, route

但这似乎没有奏效。 我该如何解决这个问题？

编辑添加：

我尝试过GAnalytics，但是我的部署设置和Meteor设置存在很多问题

Answer 1

渲染模板时执行这些代码，看看template_rendered

Answer 2

我们解决这个问题的方法是在onAfterAction上调用页面函数

Router.onAfterAction(function() {
  analytics.page(this.route.getName());
});

使用Analytics.js项目时，一个有用的提示是，如果您在控制台中调用analytics.debug() ，您将能够看到代码正在执行的操作。

我们已经在几个流星项目中使用了Analytics.js，因此我们将其解压缩为流星包：

okgrow：分析

我们在大多数项目中使用Iron Router，因此如果已经安装，该软件包将根据路由名称自动发送页面视图（但如果项目不使用Iron Router，则不会抱怨）。 如果您安装了Accounts包，它还会自动记录用户登录/注销，当然，您可以对事件设置track()调用。

希望这可以帮助！

Answer 3

在我看来，该选项是使用Template.rendered。 您可能面临的一个问题是您需要了解模板数据更改。 例：

Template.yourTemplate.rendered = function(){
  var self = this; //In case you need it but self.data IS NOT REACTIVE

  this.autorun(function(){
    //This is reactive
    var data = Template.currentData();

    //place your analitycs code here

  });
}

我建议在模板容器上使用它。