我使用了Firebase软件包来使用实时数据库,并且想实现Firebase分析,所以我使用了相同的软件包并编写了用于分析的代码
import * as firebase from 'firebase'
import 'firebase/analytics'
import { fireBase } from 'configs/config'
const config = {
apiKey: fireBase.REACT_APP_FIREBASE_API_KEY,
authDomain: fireBase.REACT_APP_FIREBASE_AUTH_DOMAIN,
databaseURL: fireBase.REACT_APP_FIREBASE_DATABASE_URL,
projectId: fireBase.REACT_APP_FIREBASE_PROJECT_ID,
storageBucket: fireBase.REACT_APP_FIREBASE_STORAGE_BUCKET,
messagingSenderId: fireBase.REACT_APP_FIREBASE_MESSAGING_SENDER_ID,
appId: fireBase.REACT_APP_FIREBASE_APP_ID,
measurementId: fireBase.REACT_APP_MEASUREMENT_ID,
}
firebase.initializeApp(config)
export const defaultAnalytics = firebase.analytics()
export default firebase
之后,我将defaultAnalytics导入我需要的文件中,并将该代码记录到事件中以进行分析
defaultAnalytics.logEvent('profile_update')
它可以完美地在开发中工作,但不能在生产模式下工作
有一个类似电子的问题,当我们在开发模式下运行应用程序时,它将很容易记录Firebase事件,因为该应用程序在localhost:3000上运行,因此事件可以正常工作。
但是,当我们为mac / windows创建构建时,它将不会记录该事件,因为当基于http协议运行构建并且我们的electronic app生产构建运行file://协议时,firebase包才能工作。
因此,这里我们必须使用Measurement Protocol,因为我们需要在firebase应用中创建一个单独的属性。
创建属性的步骤:
之后,您将获得跟踪信息。在此跟踪代码将可用。
然后在主要流程中使用通用分析。
这是完整的实现。https://kilianvalkhof.com/2018/apps/using-google-analytics-to-gather-usage-statistics-in-electron/
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句