标签：google-analytics-api ab-testing css html javascript

我正在尝试使用Google Analytics(分析)和Contents Experiments(内容实验)在我的网站上设置A / B测试,但无法使它看起来无缝.

要使用Google API,需要做一些事情.首先,我添加一个脚本标签以从Google加载cxApi,并指定一个实验ID.加载完毕后,Google文档建议在窗口上放置“加载”事件的侦听器,此后,您应该向google询问您希望显示的内容的变体,并为其进行回调.选择变体后,您可以使用javascript显示/隐藏相关内容.

但是问题是我在页面加载时获得内容闪存；例如,如果我正在A / B测试H2,则我不想先看到原始的,然后很快看到它被替换了.有人有提示吗？

到目前为止,我想出的最好的解决方案是添加样式标签以隐藏相关内容(例如,通过将文本颜色设置为透明,这样内容仍然占据屏幕上相同的空间,而不会不会导致重排),但我正在寻求更好的解决方案,如果有人对优化方法有任何见识,我会感兴趣.

干杯

解决方法:

下面的文章(从中获取屏幕截图)说明了Optimizely如何与DOM交互：
https://help.optimizely.com/hc/en-us/articles/200040335

标签：google-analytics-api,ab-testing,css,html,javascript
来源： https://codeday.me/bug/20191122/2061424.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。