Кому-нибудь удалось реализовать оптимизацию Google в приложении 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>

  • ga tracking настраивается с помощью ReactGA

  • GTM настроен и запускает теги для отслеживания
  • запуск экспериментов google optimize с настраиваемым событием активации и использование 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'}) } }

Эта проблема

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

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

TIA

Найир

[Решено]

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


person rh0delta    schedule 05.06.2018    source источник
comment
Привет. Не могли бы вы объяснить, как вам это удалось? Я застрял на той же проблеме, и я не понимаю, что вы имеете в виду с этими файлами cookie   -  person Nikita Jerschow    schedule 18.04.2020


Ответы (1)


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

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

person HGG-Dev    schedule 04.12.2020