javascript - 谷歌分析与 Angular 应用程序: callback invoked but data not tracked

Question

查看有关通过谷歌分析跟踪 Angular Web 应用程序 ( Tracking Google Analytics Page Views with Angular.js ) 的 stackoverflow 帖子，我放置了下面的代码。

它似乎运行良好，回调函数被调用...但查看 GA 网站没有可用的跟踪数据。

你发现这段代码有什么问题吗？

/*tracking in localhost*/
                window.ga('create', 'MY_WEB_SITE_ID_HERE', {
                    cookieDomain: 'none'
                 });

                //to every route change, requests a track to google
                $rootScope.$on('$routeChangeSuccess', function(e, current, pre) {
                    window.ga('send', 'pageview',
                        {
                            page: $location.path(),
                            hitCallback: function() {
                                alert('analytics.js done sending data');
                            }
                        });
                });

代码在 module.run() 期间运行。

非常感谢您的帮助。

Answer 1

我建议使用这个节点包:

https://www.npmjs.com/package/angular-google-analytics

第 1 步:

运行

bower 安装 angular-google-analytics

第 2 步:

添加此脚本标签:

<script src="/bower_components/angular-google-analytics/dist/angular-google-analytics.js"></script>

第 3 步:将 angular-google-analytics 添加到您的 app.main例如

app.run(function(Analytics) {});

第 4 步:

将其添加到您的配置中:

AnalyticsProvider
        .setAccount('Your tracking code here')
        .logAllCalls(true)
        .trackPages(true)
        .trackUrlParams(true);