Instalé Google Analytics usando este tutorial:

https://www.javascripttuts.com/introduction-to-ionic-google-analytics/

Instalé las dependencias y puse el código en mi constructor usando mi código de seguimiento.

Estoy exportando mi aplicación para probar con Ionic View. ¿Google analytics funciona con Ionic View? Parece que no puedo hacerlo funcionar o encontrar referencias para ello ...

1
cdh429 18 ene. 2018 a las 23:32

3 respuestas

La mejor respuesta

Tutorial Enlace

¿Cómo obtener la identificación de seguimiento de Google para dispositivos móviles?

Instalar complemento

$ ionic cordova plugin add cordova-plugin-google-analytics
$ npm install --save @ionic-native/google-analytics

En el archivo app.component.ts llame al siguiente método

this.platform.ready().then(() => {

  this.ga.startTrackerWithId('UA-XXXXXXXXX-X')
  .then(() => {}).catch(e => alert('Error starting GoogleAnalytics == '+ e));

});

Asegúrese de haber incluido el complemento en la matriz de proveedores de archivos app.module.ts

En el anuncio trackView y el método trackEvent de la página Lista, como se muestra a continuación

...

  ionViewDidLoad(){
    this.ga.trackView('List Page')
    .then(() => {})
    .catch(e => console.log(e));
  }


  itemTapped(event, item) {
    this.ga.trackEvent('Category', 'Tapped Action', 'Item Tapped is '+item, 0);
    // That's right, we're pushing to ourselves!
    this.navCtrl.push(ListPage, {
      item: item
    });
  }

...
1
Code Spy 22 ene. 2019 a las 11:03

He visto que el complemento de Google Analytics de Ionic no funciona y el SDK de Android está en desuso, por lo que lo implementé así:

En el archivo Index.html inserte este código justo después o

  <script>
    (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', 'https://www.google-analytics.com/analytics.js', 'ga');
  ga('create', 'UA-XXXXXXX-X', 'auto');
  </script>

OBVIAMENTE reemplace el código "UA-xxxxxx-x" con el suyo ...

Y luego, en cada página que desee medir, simplemente agregue esto en el método ionViewDidEnter del archivo .TS que desee:

(<any>window).ga('set', 'page', 'MyPageName');
(<any>window).ga('send', 'pageview');

Lo único que puede cambiar es "MyPageName", el resto lo deja así.

Si desea realizar un seguimiento de un evento, simplemente agregue este código a ese evento:

(<any>window).ga('send', 'event', {
      eventCategory: 'eventCategory',
      eventLabel: 'eventLabel',
      eventAction: 'eventAction',
      eventValue: 10
    });

Reemplazo de categoría, etiqueta y acción por lo que desea medir ...

¡Funcionó perfectamente!

2
Ari Waisberg 16 jul. 2019 a las 18:07

Google analytics Ionic 3

Instala este complemento

$ ionic cordova plugin add cordova-plugin-google-analytics
$ npm install --save @ionic-native/google-analytics

Crea un ID de pista en tu consola de desarrollo de Google.

importar en su app.module.ts y home.ts

import { GoogleAnalytics } from '@ionic-native/google-analytics';

Home.ts

    export class HomePage {

  constructor(public navCtrl: NavController,
              private googleAnalytics: GoogleAnalytics) {

  }
  google(){
    this.googleAnalytics.startTrackerWithId('XXXXXXXXX', 30)
   .then(() => {
     console.log('Google analytics is ready now');
        this.googleAnalytics.trackView('Screen Title')
        .then(()=>{
          console.log('Success');
        })
        .catch((e)=>{
          console.log("Faild"+ e)
        })

        this.googleAnalytics.trackView('Screen Title', 'my-scheme://content/1111?utm_source=google&utm_campaign=my-campaign')
        .then(()=>{
          console.log("Success 1")
        })
        .catch((e)=>{
          console.log("Faild 1" + e)
        })

        this.googleAnalytics.trackEvent('Category', 'Action', 'Label', 30)
        .then(()=>{
          console.log("Success Event");
        })
        .catch(()=>{
          console.log("Faild")
        })

        this.googleAnalytics.trackMetric(5)
        .then(()=>{
          console.log("Key Matrics run successfully");
        })
        .catch((e)=>{
          console.log("Faild" + e)
        })

        this.googleAnalytics.trackTiming('Category', 2, 'Variable', 'Label')
        .then(()=>{
          console.log("TrackTiming success")
        })
        .catch((e)=>{
          console.log("Faild"+ e)
        })
     // Tracker is ready
     // You can now track pages or set additional information such as AppVersion or UserId
     this.googleAnalytics.debugMode();
     this.googleAnalytics.setAllowIDFACollection(true);
   })
   .catch(e => console.log('Error starting GoogleAnalytics', e));
  }
  // GTM-5SFPKBZ
}

Espero que te pueda ayudar.

0
EDISON J 20 ene. 2018 a las 04:48
48329834