Кто-нибудь был успешным в реализации Google Optimize в приложении SPA React? - PullRequest
0 голосов
/ 05 июня 2018

Я довольно новичок в 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 настроено с использованием 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'}) } }

Проблема

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

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

TIA

Найир

[решено]

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...