How to add Google Analytics to the React App?

Today we will learn about how to adding add Google Analytics to the React App use. To implement faster, we will use a useful package called react-ga

Install package:

npm install react-ga --save

// or

yarn add react-ga

Initialization:

import ReactGA from 'react-ga';

ReactGA.initialize('UA-000000-01'); // UA-000000-01 replace this with your GA ID
ReactGA.pageview(window.location.pathname + window.location.search);

Initialization with event: ReactGA.event(args)

ReactGA.event({
  category: 'User',
  action: 'Created an Account'
});
 
ReactGA.event({
  category: 'Social',
  action: 'Rated an App',
  value: 3
});
 
ReactGA.event({
  category: 'Editing',
  action: 'Deleted Component',
  label: 'Game Widget'
});
 
ReactGA.event({
  category: 'Promotion',
  action: 'Displayed Promotional Widget',
  label: 'Homepage Thing',
  nonInteraction: true
});

Or with multiple trackers:

ReactGA.initialize(
  [
    {
      trackingId: 'UA-000000-01',
      gaOptions: {
        name: 'tracker1',
        userId: 123
      }
    },
    {
      trackingId: 'UA-000000-02',
      gaOptions: { name: 'tracker2' }
    }
  ],
  { debug: true, alwaysSendToDefaultTracker: false }
);

View more at: https://github.com/react-ga/react-ga

add GA to React Google Analytics react React GA

How to add Google Analytics to the React App?

Latest

Auto scroll to a specify element every time open webpage by Javascript

How to scroll to top every time React router change?

Get height or width of an element in Javascript

The way to separate logic code of the Vuejs component into smaller files

Convert HTML raw string to DOM Nodes in Javascript

Pass the value of only one argument that you don't want to change the value of the rest argument

Related

How to scroll to top every time React router change?

Add and remove scroll event for window in the React App

Run function or script only once inside useEffect React

How to add Google AdSense to your React application?

Make a React custom scrollbar component