angularjs - 将Angulartics与Ionic框架集成

我正在尝试将Angulartics与Ionic Framework结合使用。但是，没有什么可以跟踪Google Analytics(分析)。设置方法如下。

index.html.slim文件

<script src="lib/angulartics/src/angulartics.js">
<script src="lib/angulartics/src/angulartics-ga-cordova.js">

javascript:

(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', '#{ENV['GOOGLE_ANALYTICS_ID']', { 'cookieDomain': 'none' });`

将它添加到我的angular模块中

angular.module('app', ['angularMoment', 'angulartics', 'angulartics.google.analytics.cordova', 'ngCordova'])`

在路由中将$ analyticsProvider添加到我的配置中

.config ($analyticsProvider, $stateProvider, $urlRouterProvider) ->

我的Google Analytics(分析)仪表板上没有任何数据。有人可以解释一下如何在我的 ionic 项目中安装Angulartics吗？

最佳答案

请在此处查看angulartics-ga-cordova脚本文件:https://github.com/luisfarzati/angulartics/blob/master/src/angulartics-ga-cordova.js

在第48行上，期望GAPlugin。

var analytics = window.plugins && window.plugins.gaPlugin;

您将需要将此脚本添加到您的主索引文件。 https://github.com/phonegap-build/GAPlugin

然后，您可以像这样添加您的Google跟踪信息。

myApp.config ($analyticsProvider, googleAnalyticsCordovaProvider) ->
    $analyticsProvider.firstPageview(true)
    googleAnalyticsCordovaProvider.trackingId = GOOGLE_ANALYTICS_ID

另外，如果您正在使用phonegap构建，则需要将以下行添加到config.xml文件中。

<gap:plugin name="com.adobe.plugins.gaplugin" />

关于angularjs - 将Angulartics与Ionic框架集成，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28867485/