rh0*_*lta 6 google-analytics reactjs google-optimize react-ga
我是Google Analytics Suite的新手,目前正在尝试将Google Optimize for A / B测试集成到react应用中。
我已经了解到变体更改将显示在所需的网页上,但仅在“预览”模式下显示,并且对如何继续在实时网站上查看变体更改感到困惑。
谷歌优化脚本安装在应用程序中
<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跟踪
触发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管理无法设置过期所需的cookie localhost:3000
,而是指向的自定义域localhost
,类似于XXXX.local:3000
。
归档时间: |
|
查看次数: |
1534 次 |
最近记录: |