使用相对路径进行 Google 优化答案

【问题标题】：Google Optimize with relative paths使用相对路径进行 Google 优化
【发布时间】：2020-06-09 05:14:21
【问题描述】：

尝试为我的 React 应用程序实现 AB 测试，该应用程序是使用 GatsbyJS 构建的。我将 Google Optimize 测试设置为 Redirect 类型并有另一个变体，50/50 流量拆分（通常设置）。我很快意识到这只有在我刷新页面时才有效，因为如果我单击具有相对路径并使用GatsbyJS Link 的菜单项，Google Optimize 不会做任何事情，但如果我重新加载页面，它会激活。

我的网站中的相对路径示例：

<a class="text-black hover:text-teal text-small font-medium px-3" href="/features/">Features</a>

有人遇到同样的问题并找到了解决方案吗？

【问题讨论】：

解决方法之一是从 componentDidMount 方法推送“optimize.activate”事件或使用“useEffect”手动推送此事件。对于我的反应应用程序，我在反应组件准备好时触发了一个自定义事件，然后让事件监听器在谷歌优化中运行。

标签： reactjs gatsby ab-testing google-optimize

【解决方案1】：

您是否尝试过使用“高级重定向”？在那里，您可以选择根据链接参数和各种路径开始测试。或者您可以在用户点击链接时开始实验，使用 Javascript 作为优化工具。

您可以查看this Google Optimize Redirect Test 文章，因为它更详细地解释了这一点。

【讨论】：