一. 概述

可视化实验，通过所见即所得的在线编辑（比如对页面中的图片、文字、颜色、位置等元素和属性进行编辑），降低在 Web/H5 页面优化的场景下，产品方和运营方使用 A/B 实验工具的成本，免除编码。前置条件及限制：

1. 目前可视化实验支持在 Web 及 H5 页面开启。

2. 用于创建可视化实验的页面需要接入「A/B 测试」的Web/H5/WAP SDK。

3. 页面传输协议需使用 HTTPS（Hypertext Transfer Protocol Secure：超文本传输安全协议）。

实验类型： 可视化实验的实验类型为客户端实验。浏览器建议： 主流的浏览器均可支持；iOS 系统自带 Safari 浏览器支持 iOS10 及以上版本(若系统版本较低请升级到 iOS10 及以上)。建议使用最新版 Chrome 及 Windows Edge。

二. 应用场景

可视化实验适用于落地页、主页等单/多页面优化的场景。

多页面可视化实验：在一个版本中可以包含多个页面，适用于优化前后有关联的多个页面。

通过可视化编辑器对文本、图片等元素进行编辑和替换，进而生成多个版本进行实验，探究不同方案的页面效果，如用户停留时长、PV/UV 等。目前可视化实验支持的页面包括可接入 SDK 的自建 Web 及 H5 页面，暂不支持第三方工具搭建的页面。

三、操作演示

快速了解可视化实验创建流程👇

四. 可视化编辑操作说明

单页面可视化实验：

点击 DataTester 的「进入编辑器」，即可进入可视化编辑页面。

多页面可视化实验：

点击【添加页面】，可在一个版本中添加多个页面，可对每个页面单独进行编辑。

注：页面顺序不会影响用户浏览页面体验。举例，假如用户首先看到的是页面 2，然后再看到的是页面 1，用户仍然会看到同一实验版本的页面 1。

多页面编辑：可在左上角切换至不同页面进行可视化编辑，具体可操作项同可视化编辑操作说明 。