Google Firebase Analytics API

Integrate Firebase Analytics using the WebToNative JavaScript API. Track user behavior, app events, and performance on Android and iOS.

You'll need to import the javascript file in your website before starting from this link.

1) To enable/disable Analytics data collection

Plain JS

const { Analytics: FirebaseAnalytics } = window.WTN.Firebase

FirebaseAnalytics.setCollection({
    enabled: true/false
})

npm

import { setCollection } from "webtonative/Firebase/Analytics"

setCollection({
    enabled: true/false
})

2) To identify user

Plain JS

const { Analytics: FirebaseAnalytics } = window.WTN.Firebase

FirebaseAnalytics.setUserId({
    userId: "customuserId"
})

npm

import { setUserId } from "webtonative/Firebase/Analytics"

setUserId({
    userId: "customuserId"
})

3) To set user properties like name, gender etc

Plain JS

const { Analytics: FirebaseAnalytics } = window.WTN.Firebase

FirebaseAnalytics.setUserProperty({
    key: 'name',
    value:'Webtonative'
})

npm

import { setUserProperty } from "webtonative/Firebase/Analytics"

setUserProperty({
    key: 'name',
    value:'Webtonative'
})

4) To set default parameter which will be passed along with all future events

Plain JS

const { Analytics: FirebaseAnalytics } = window.WTN.Firebase

FirebaseAnalytics.setDefaultEventParameters({
    parameters: {
        "level_name": "Caverns01",
        "level_difficulty": 4
    }
})

npm

import { setDefaultEventParameters } from "webtonative/Firebase/Analytics"

setDefaultEventParameters({
    parameters: {
        "level_name": "Caverns01",
        "level_difficulty": 4
    }
})

5) To Log events

Plain JS

const { Analytics: FirebaseAnalytics } = window.WTN.Firebase

FirebaseAnalytics.logEvent({
    eventName:'Your event name',
    parameters:{
        "level_name": "Caverns01",
        "level_difficulty": 4
    }
})

npm

import { logEvent } from "webtonative/Firebase/Analytics"

logEvent({
    eventName:'Your event name',
    parameters:{
        "level_name": "Caverns01",
        "level_difficulty": 4
    }
})

6) To Track screen view in your website

Plain JS

const { Analytics: FirebaseAnalytics } = window.WTN.Firebase

FirebaseAnalytics.logScreen({
    screenName:"Screen Name",
    screenClass:"Screen Class"
})

npm

import { logScreen } from "webtonative/Firebase/Analytics"

logScreen({
    screenName:"Screen Name",
    screenClass:"Screen Class"
})