Проблемы с настройкой Google Analytics в проекте React SSR

a видел довольно похожий вопрос, но на него не было ни одного ответа, так что, если кто-то может как-то помочь, было бы здорово.

У меня есть проект с SSR на React js, без использования Next.js. Когда я пытаюсь настроить Google Analytics так, как написано в Документах, и вставляю код инициализации в Layout.cshtml следующим образом:

<script async src="https://www.googletagmanager.com/gtag/js?id=G-D93F680HTN"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
    
      gtag('config', 'G-xxxxxxxxxxx');
    </script>

он работает, но показывает только общие события, такие как просмотр страницы

затем я попытался добавить response-ga lib и вставил код инициализации в Layout.tsx следующим образом:

 import ReactGA from 'react-ga';
    
    const history = useHistory();
        
        React.useEffect( () => {
            ReactGA.initialize('G-xxxxxxxxxxx');
        }, []);
    
        React.useEffect(() => {
            ReactGA.pageview(history.location.pathname + history.location.search);
            console.log('GAGAGA');
            console.log(history.location.pathname, 'PATH');
        }, [history.location.pathname, history.location.search]);

и добавьте событие cusom к кнопке в компоненте домашней страницы:

const GAevent = (cat, act) => {
        ReactGA.event({
            category: cat,
            action: act,
            label: 'Homepage Thing',
            value: 1
        });
    };

<button onClick={() => GAevent('Promotion', 'Displayed Promotional Widget')}>
    TEST
</button>

после этого, когда я изменяю URL-адрес или нажимаю кнопку, в devtools - ›сеть a может видеть отправку запросов:

https://www.google-analytics.com/collect?v=1&_v=j90&a=373007786&t=event&_s=9&dl=http%3A%2F%2Flocalhost%2F&ul=ru-ru&de=UTF-8&dt=urlpart1%urlpart2%20% 7C% 20urlpart3% 20of% 20urlpart4 & sd = 24-bit & sr = 1920x1080 & vp = 1903x969 & je = 0 & ec = Promotion & ea = Отображается% 20Promotional% 20Widget & el = Homepage% 20Thing & ev = 1 & _u = CACAAEABA & ev = 1 & _u = CACAAEABA & ev = 1 & _u = CACAAEABA & ev = 1 & _u = CACAAEABA & amp; 1200894868

но я не вижу изменений в самих событиях Google Analytics.

Если кто может как-то помочь, что я делаю не так?

Я также установил расширение Google Tag Assistant, и оно видит мои события либо pege_view, либо мое настраиваемое событие, но в Google Analytics по-прежнему ничего не происходит

введите описание изображения здесь


person tatar88t    schedule 16.04.2021    source источник


Ответы (1)


Вы используете ресурс GA4, но пытаетесь отправлять обращения Universal Analytics.

Для упрощения я предлагаю вам создать ресурс Universal Analytics (с идентификатором типа UA-XXXXXXX-XX вместо G-XXXXXXXX) и использовать его.

Вы можете создать его, нажав Показать дополнительные параметры (при создании нового свойства):

введите описание изображения здесь

person Michele Pisani    schedule 17.04.2021
comment
Большое спасибо. Ты великий, твое решение мне подходит - person tatar88t; 19.04.2021
comment
Большой! Отметьте ответ как решенный, пожалуйста :) - person Michele Pisani; 19.04.2021