Discuz! Board

標題: 奖励内容：使用环境变量来控制正在运行的 A/B 测试 [打印本頁]

作者: asikurrahman 時間: 2024-12-30 14:35
標題: 奖励内容：使用环境变量来控制正在运行的 A/B 测试
使用 HTMLRewriter 修改 HTTP 响应
home_page_hero现在我们有了来自 CMS 的内容，如果cookie 值为，就该修改 HTTP 响应了new。在您的 HTML 中，为现有的英雄横幅标题或包含您要测试的内容的任何元素添加唯一标识符。在这些类型的测试中，我更喜欢使用数据属性而不是 CSS 类来定位元素，以便分离关注点。此示例显示了data-hero-banner-headline添加到 H1 元素的数据属性。

我们可以通过多种方式修改 HTML 响应，包括将 HTML 解析为字符串以及使用 vi 推广正则表达式查找和替换。在这个例子中，我们将使用 Cloudflare 的 HTMLRewriter ，它使我们能够使用我们熟悉的浏览器 JavaScript 语法来定位和修改 HTML 响应。这是在文件顶部导入的。

下面的代码示例的附加内容演示了：

如何获取链中的下一个 HTTP 响应以便进行修改；
使用 HTMLRewriter 通过其数据属性来定位 H1 元素；
使用我们之前获取的 CMS 测试区域的数据修改 H1 元素的内容；
返回转换后的响应（确保在两个地方执行此操作，您可能需要编写一个实用函数来保持代码 DRY）。
使用分析工具跟踪测试变体
为了跟踪哪些英雄横幅消息在 A/B 测试中表现更好，您需要向分析工具添加一些额外信息。最终，根据您的架构和工具，有多种方法可以实现这一点。如果您使用 Google Analytics，则可以按照上一篇文章中的描述，向跟踪脚本添加一些额外信息。

为了让内容作者和营销人员更好地控制哪些 A/B 测试处于活动状态，您可以更进一步，使用环境变量来控制在边缘函数代码中要考虑哪些测试。这可以像在边缘函数顶部检查环境变量一样简单，如果变量的值为，则提前返回off，就像这样。

总结
在大型组织中，授权不同的团队完成工作而不受太多依赖或阻碍至关重要。虽然此示例展示了内容作者和开发人员如何并行执行精细的 A/B 测试，但这只是现代可组合架构在如何更快地试验、迭代和发布新功能方面能力的冰山一角。要了解有关可解锁功能的更多信息，请查看官方Netlify Edge Functions 文档。

歡迎光臨 Discuz! Board (http://wap.ggyy.tw/)