Google Analytics с использованием react-ga рекомендуемая реализация react-router использует заголовок страницы из предыдущего маршрута

#reactjs #google-analytics #react-ga

#reactjs #google-analytics #react-ga

Вопрос:

Прошу прощения, если это повторяющийся вопрос или он был задан в другом месте, но я не смог найти ответ. Я пытаюсь интегрировать Google analytics в приложение react, которое использует react-router-dom согласно https://github.com/react-ga/react-ga/wiki/React-Router-v4-withTracker . Я использую BrowserRouter и код React Hooks [TypeScript] без изменений по предоставленной ссылке.

Результирующий маяк из Google Analytics всегда имеет правильный маршрут страницы, но использует заголовок с предыдущей страницы. Это проблема, поскольку в отчете о просмотрах страниц в реальном времени тот же маршрут (страница) с другим заголовком страницы отображается как отдельная метрика.

Это проблема или я что-то упускаю? Если это проблема, кто-нибудь нашел обходной путь с модулем react-ga или без него?

Ответ №1:

Поскольку это новый сайт без истории GA, я в итоге реализовал свойство GA4, используя вместо него react-ga4. Для просмотров страниц вам не нужно ничего, кроме вызова инициализации.