CODEWITHSUNDEEP
reactjsgoogle-analyticsreact-ga
Nishant_061
Nishant_061

Reputation: 97

ReactGA not working for G type tracking Id

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 ?

Upvotes: 6

Views: 5012

Answers (3)

Alejandro Morales Ríos
Alejandro Morales Ríos

Reputation: 61

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-")

Upvotes: 2

Abdollah
Abdollah

Reputation: 5177

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.

enter image description here

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

enter image description here

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.

enter image description here

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.

enter image description here

Upvotes: 12

Ric-olive
Ric-olive

Reputation: 21

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

Upvotes: 1

Related Questions