Если вы разработчик React и не имеете опыта работы с Google Analytics, вам должно быть стыдно. Это связано с тем, что за последние несколько лет Google Analytics стал отраслевым стандартом. Есть альтернативы, но при условии, что вы выполнили 3 или более проектов, вы будете использовать Google Analytics один раз.
Создать аккаунт
- Посетите https://analytics.google.com/
- Создайте свою учетную запись Google Analytics
Создать универсальное свойство
- Нажмите Создать ресурс.
- Настройте информацию о своей собственности
- Нажмите показать дополнительные параметры.
- Включите Создание ресурса Universal Analytics
- Поместите свой домен и нажмите Создать только ресурс 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 минуты!
Это только для интеграции. Если вам нужна более подробная информация, проверьте это.