web-dev-qa-db-fra.com

Google Analytics sur mon React APP avec Firebase SDK

J'ai beaucoup utilisé Google Analytics pour de nombreux sites ...

Je libère simplement une première application avec Firebase (SDK FireStore + Firebase avec ReactJS).

Ensuite, j'ai activé GA de mon tableau de bord Firebase ... Mais je ne peux voir aucune activité!

enter image description here

J'ai probablement besoin de ne pas ajouter de plugin comme "autotrack"?

import 'autotrack';
ga('create', 'UA-XXXXX-Y', 'auto');

Ce n'est pas clair car, il est impossible de trouver l'ID de piste (UA-XXXXXX-Y) de mon tableau de bord!

Est-ce que j'en ai vraiment besoin? Où puis-je le trouver? enter image description here

firebasegoogle-analytics
7
Damien Romito

Je n'ai pas correctement initialisé Analytics ... avec Firebase Ce n'est pas un ID de piste mais a MesureID 

import firebase from 'firebase/app';
import 'firebase/analytics';
 app.initializeApp({
   //other config
  measurementId : process.env.REACT_APP_MEASUREMENT_ID,
  appId : process.env.REACT_APP_DEV_ID
})

firebase.analytics()

Documentation: https://firebase.google.com/docs/analytics/get-started?platform=Web

1
Damien Romito

La réponse précédente doit être corrigée comme ceci:

import app from 'firebase/app';
import 'firebase/analytics';

app.initializeApp({
   //other config
  measurementId : process.env.REACT_APP_MEASUREMENT_ID,
  appId : process.env.REACT_APP_DEV_ID
})

//put inside your constructor
app.analytics()

Cela résoudra l'erreur suivante:

Erreur: Firebase__webpack_imported_module_8___default.a.Analytics n'est pas une fonction réaction

3
Hashan Shalitha

Mon problème était le même que celui indiqué ci-dessus:

Error: firebase__WEBPACK_IMPORTED_MODULE_8___default.a.analytics is not a function react

Mais la résolution était que j'ai oublié d'importer le module Analytics: import 'firebase/analytics';

1
Jeremy