ReactGA not working for G type tracking Id

Question

I am trying to implement google analytics in my reaact application. But does give any page hit in analytics dashboard.

Here is the implementation: In App.js:

import ReactGA from "react-ga";
 componentDidMount() {
    ReactGA.initialize("G-QBQXxxxxx");
    ReactGA.pageview("/")
  }

Anything wrong in my implementation?

Answer 1

Based on react-ga docs , it is designed to work with Universal Analytics which was the latest version of Google Analytics until Oct 14, 2020. Since then, GA-4 is the default property type in Google Analytics. You need to create a property of type Universal Analytics . To do so, go to Google Analytics Home page and go to Admin .

Select the Account that you want to add a Property to and click on Create Property .

Now you proceed to Property setup page. (Also you could have created a new Account and after setting its name in the second step you would have seen Property Setup ). Then click on Show advanced options .

Enable Create a Universal Analytics property and select one of the available options. If you select Create both a Google Analytics 4 and a Universal Analytics property , you will have two different properties one having a MEASUREMENT ID like GA-XXXXXXXXXX and another having a Tracking ID like UA-XXXXXXXXXX . Use the Tracking ID instead of MEASUREMENT ID .

Answer 2

Instead of using the Measurement ID (which begins with "G-"), set up a Universal Analytics ("Web") property (Universal Analytics properties have views instead of data streams), you have a Tracking ID (which begins with "UA-"), and then

import ReactGA from "react-ga";
componentDidMount() {
    ReactGA.initialize("UA-XXXXXXXX");
    ReactGA.pageview("/")
  }

It works just fine

Answer 3

The Universal Analytics id its going to be desappear in 2023 July 1° and the react-ga is outdated, because only works with UA code.

For this reason, you can use react-ga4 , and you can use the Measurement ID (which begins with "G-")