【问题标题】：visual editor in google optimise谷歌优化中的可视化编辑器
【发布时间】：2019-04-02 11:48:59
【问题描述】：
我的客户希望改善购物车页面中优惠券的使用情况，该页面将充当预先输入的组件。他想用 Google Optimise（A/B 测试）进行测试。
当前购物车页面：只是一个优惠券文本框和应用按钮。
变体：带有应用按钮的建议文本框（如预输入）。
我们已经使用 angularjs 开发了购物车页面，但我的客户只想使用 google 优化可视化编辑器创建变体页面。如何在没有 angularjs 的情况下使用优化编辑器创建 typeahead 以及如何将值绑定到文本框模型？
【问题讨论】：
标签：
angularjs
angularjs-directive
ab-testing
google-optimize
abtest
【解决方案1】：
我在这里看到的最好的方法是利用这里描述的重定向测试：
https://support.google.com/optimize/answer/6361119?hl=en
如果实施正确，您的变体 URL 应该是这样的
?ver=2
现在，在您的角度代码中编写一个运行块，它将读取 URL 并设置一个标志，即取决于是否存在 ver=2 将标志设置为真或假。
在您的购物车页面中，为预先输入的优惠券文本框创建一个小部件。如果实施正确，您应该有 2 个小部件来输入优惠券，第一个应该是原始小部件，第二个应该是带有预先输入的小部件。
最后，您需要根据上面创建的标志隐藏/显示适当的小部件。
希望这会为您指明正确的方向，
干杯！