更多技术交流、求职机会，欢迎关注字节跳动数据平台微信公众号，回复【1】进入官方交流群

设计一个可视化实验

确定实验目标：（示例）通过修改页面的「免费试用」按钮背景颜色，提高免费试用按钮的转化率。

确定实验指标：「免费试用」按钮上报自定义事件「bav2b_click」，计算口径「转化率」，核心指标为按钮点击的转化率

“4 步”完整实验流程

第 1 步：基础设置

填写实验名称，完成实验流量设置及用户受众规则设置。

第 2 步：设置生效策略

设置实验的生效策略，包括流量设置和用户受众规则设置。

第 3 步：编辑实验版本

通过 DataTester 可视化编辑器进行多种实验版本的编辑。

第 4 步：实验指标设置

完成实验核心指标配置及相关关注指标配置。

如何使用可视化编辑器？

目前使用可视化编辑器覆盖的实验模式：可视化实验，多页可视化实验，MVT 多变体实验。下方详细讲一下可视化实验中使用可视化编辑器。

3.1 编辑文本和图像

使用 DataTester 可视化编辑器，你轻松编辑在 web/H5 上看到的任何内容——图像、文本、背景，及 shadow DOM 元素均可编辑。点击选择你要编辑的元素，并进行想要的配置调整即可完成。

• 更改图像的位置或比例。

• 完全替换图像。

• 编辑文本、字体、重量、颜色、大小等。

3.2 添加新元素和小部件 widgets

过去，向硬编码网站添加新元素是一个时间和资源密集型的过程。但是，使用可视化编辑器的基本元素或预定义的小部件在页面上引入新内容，只需单击一下即可使你的网页更加丰富。

• 元素：添加文本、链接、图片和更多元素。

• 小部件 widgets：添加可自定义的公告和其他高级小部件。

3.3 Code Editor

如果更喜欢在代码模式下工作？代码编辑器也提供了白板，在编辑器中进行网页自定义即可。以编码思维推动创新。

• 交叉复制现有功能

• 增强功能和元素

• 建立在可视化编辑器之上

借助火山引擎 DataTester 的可视化编辑器，用户可以主要利用它来加快产品实验速度，并继续自由优化网站的转换，绕过开发团队的带宽限制。 但开发人员也不会因此而收工，由于无代码工具只会促进网络空间的扩展以容纳更多业务，编码是一项将继续增长的技能。

可视化 A/B 实验能够成为企业降本增效的有力助手，但开发人员将继续创新创造和挑战技术。

点击跳转 火山引擎A/B测试DataTester 了解更多