Question

我正在尝试将Angulartics与Ionic Framework结合使用。但是，谷歌分析没有任何跟踪。以下是设置方法。

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.module('app', ['angularMoment', 'angulartics', 'angulartics.google.analytics.cordova', 'ngCordova'])`

在路线

中添加$ analyticsProvider到我的配置

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

我在谷歌分析仪表板上没有获得任何数据。有人可以解释如何在我的离子项目中安装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

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

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

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

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

将Angulartics与Ionic Framework集成

1 个答案: