是否有人成功地在SPA React应用程序中实现了谷歌优化？

Question

我是相当新的谷歌分析套件，目前正在尝试整合谷歌优化为A/B测试在一个反应应用。

我已经到了这样的程度，变体变化显示在想要的网页上，但仅在预览模式下，并且对于如何继续在一个活动站点上查看这些变化感到困惑。

迄今为止：

• google优化脚本安装在应用程序中 <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>
• 使用ReactGA设置ga跟踪
• 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'}) } }

问题所在

• 无法查看活动站点中的各种更改(没有预览运行)

任何帮助都是非常感谢的。

提亚

纳耶尔

解出

能够确定问题是否与设置有关。问题是谷歌优化的cookie管理无法在localhost:3000上设置所需的cookie，而是指向localhost的自定义域，类似于XXXX.local:3000。

Answer 1

这可能就是你要找的

如何在10行代码中添加Google优化A/B测试