Я пытаюсь настроить Google Analytics 4 на своем сайте реакции. Раньше я использовал response-ga, но эта библиотека пока не поддерживает Google Analytics 4. Я вставил тег GA4 прямо в файл index.html без внешней библиотеки. Какой дополнительный код мне нужно добавить, чтобы GA4 работал с реагирующим маршрутизатором?
Заранее спасибо!

6
SpoKaPh 25 Окт 2020 в 06:02

2 ответа

Лучший ответ

Вы можете позвонить gtag напрямую. Просто поместите код глобального тега сайта в свой index.html <head>.

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-XXXXXXXXXX');
</script>

Сегодня я столкнулся с той же проблемой, и в итоге я вытащил пакет response-ga и пошел по этому пути. Я сохранил фрагмент withTracker.js из демонстрационного кода react-ga и изменил его, как показано ниже.

export default function withTracker(WrappedComponent, options = {}) {
    const trackPage = (page) => {
        window.gtag('send', 'page_view', {
            page_location: window.location.href,
            page_path: window.location.pathname            
        });
    };
...
7
cameronjchurch 28 Окт 2020 в 23:15

Вы также можете проверить пакет npm ga-4-react :

https://www.npmjs.com/package/ga-4-react

0
fiz 20 Янв 2021 в 17:44