angularjs - 将 Angulartics 与 Ionic 框架集成

Question

我正在尝试将 Angulartics 与 Ionic 框架一起使用。但是，谷歌分析没有跟踪任何内容。这是如何设置的。

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) ->

我的谷歌分析仪表板上没有任何数据。有人可以解释一下如何在我的 ionic 项目中安装 Angulartics。

Answer 1

请在此处查看 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

然后你可以像这样添加你的谷歌跟踪信息。

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

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

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