Если вы разработчик React и не имеете опыта работы с Google Analytics, вам должно быть стыдно. Это связано с тем, что за последние несколько лет Google Analytics стал отраслевым стандартом. Есть альтернативы, но при условии, что вы выполнили 3 или более проектов, вы будете использовать Google Analytics один раз.

Создать аккаунт

  1. Посетите https://analytics.google.com/
  2. Создайте свою учетную запись Google Analytics

Создать универсальное свойство

  1. Нажмите Создать ресурс.
  2. Настройте информацию о своей собственности
  3. Нажмите показать дополнительные параметры.
  4. Включите Создание ресурса Universal Analytics
  5. Поместите свой домен и нажмите Создать только ресурс Universal Analytics и продолжите создание универсального ресурса.

Проверить идентификатор отслеживания

Это ваш идентификатор отслеживания, который будет использоваться для нашего кода.

Интеграция реакции-га

  • Установите react-gaв свой проект.
# Install Dependencies 
npm install react-ga
  • Инициализируйте react-ga в useEffect, если вы используете хуки. Или, если вы используете проект на основе классов, инициализируйте его вcomponentDidMount

Проверьте, был ли интегрирован GA

Кажется, это работает!

Другие полезные функции

Analytics.pageview(window.location.pathname); // /path     Analytics.pageview(window.location.pathname + window.location.search); // /path + ?query

Это просто регистрирует событие просмотра страницы без жесткого кодирования.
Например, если вы находитесь на /product, window.location.pathname возвращает pathname, /product.

Аналогично, window.location.pathname + window.location.search будет возвращать не только pathname, но и такие запросы, как /product?id=3.

Зарегистрировать событие кнопки

Analytics.event({       
  category: "Button",       
  action: "Click the button from first Page",     
});

Это зарегистрирует события щелчка. В основном используется на реквизите onClick.

Источник

Заключение

Это так просто. Это займет всего 2 минуты!
Это только для интеграции. Если вам нужна более подробная информация, проверьте это.