Кто-нибудь был успешным в реализации Google Optimize в приложении SPA React?

Я довольно новичок в Google Analytics Suite и в настоящее время пытаюсь интегрировать Google Optimize для A/B-тестирования в реагирующее приложение.

Я дошел до того, что изменения варианта отображаются на нужной веб-странице, но только в режиме предварительного просмотра, и я озадачен тем, как перейти к просмотру изменений варианта на действующем сайте.

До сих пор:

  • Google Optimize скрипты установлены в приложении

    <style>.async-hide { opacity: 0 !important} </style> <script>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date; h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')}; (a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c; })(window,document.documentElement,'async-hide','dataLayer',4000, {'GTM-XXXXXXX':true});</script>

  • отслеживание g настраивается с использованием ReactGA

  • GTM настроен и запускает метки для отслеживания

  • запуск Google оптимизирует эксперименты с пользовательским событием активации и использует dataLayer для запуска новых событий

    const initializeReactGa = () => { console.log('called to initialize react ga'); ReactGA.initialize(config.gaTag) ReactGA.ga('require', config.optimizeTag); ReactGA.pageview(window.location.pathname + window.location.search); }

    const googleOptimizeLoader = () => { console.log('called google optimize loader'); if(window.dataLayer) { window.dataLayer.push({'event': 'optimize.activate'}) } }

Эта проблема

  • невозможно увидеть изменения варианта на живом сайте (без предварительного просмотра)

Любая помощь приветствуется.

ТИА

Nayyir

[Решено]

Был в состоянии определить проблемы не были с настройкой. Проблема заключалась в том, что управление cookie-файлами в Google optimize не смогло установить требуемый файл cookie для истечения срока действия localhost:3000, а скорее пользовательский домен, указывающий на localhost, похожий на XXXX.local:3000,

Источник

0 ответов

Это может быть то, что вы ищете

Как добавить Google Optimize A/B-тестирование в ваше приложение React в 10 строк кода

Источник
Другие вопросы по тегам