2015-03-04 16 views
6

Sto cercando di utilizzare Angulartics con Ionic Framework. Tuttavia, nulla viene monitorato su Google Analytics. Ecco come è impostato.Integrazione di Angulartics con Ionic Framework

  1. file di 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' });` 
    
  2. aggiunto al mio modulo angolare

    angular.module('app', ['angularMoment', 'angulartics', 'angulartics.google.analytics.cordova', 'ngCordova'])` 
    
  3. Adde $ analyticsProvider al mio config in giro TES

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

non ricevo alcun dato sul mio Google Analytics Dashboard. Qualcuno può spiegare come installare Angulartics nel mio progetto ionico.

+0

'Ionico' di default utilizza 'AngularJS'. Quindi non è necessario installare Angular separatamente. Controlla il file 'bower.json' per confermare se' AngularJS' è installato o meno. – Rajeshwar

risposta

4

prega di dare un'occhiata al file di script angulartics-ga-Cordova qui: https://github.com/luisfarzati/angulartics/blob/master/src/angulartics-ga-cordova.js

On line 48, si è in attesa della GAPlugin.

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

È necessario aggiungere questo script al file indice principale. https://github.com/phonegap-build/GAPlugin

Quindi è possibile aggiungere le informazioni di monitoraggio di google come questo.

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

Inoltre, se si sta utilizzando PhoneGap costruire, è necessario aggiungere la seguente riga al file config.xml.

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

gaplugin non funziona su Android se qualcuno lo ha fatto funzionare –

Problemi correlati