使用 Visual Website Optimizer 的 HTML DOM 事件

Question

我试图在网站上进行 AB 测试，但我无法在原始变体中编辑任何内容，我只想在假控制页面和变体页面上自定义转换目标。

如果我使用以下代码请求外部 js 文件

$(document).ready(function() {
    $('.lLink a').attr("onclick", "if(typeof(_vis_opt_top_initialize) == 'function') { _vis_opt_goal_conversion(204); _vis_opt_pause(500);}");
});

一切正常。如果我删除外部资源并尝试在 VWO 中执行它，它不起作用。

所以我要做的是在链接上设置自定义转化目标。我如何在添加 css/js 选项中使用以下内容：

vwo_$('.lLink a').attr("onclick", "if(typeof(_vis_opt_top_initialize) == 'function') { _vis_opt_goal_conversion(204); _vis_opt_pause(500);}");

我正在运行测试，但没有任何反应。

然后我尝试从控制台在站点上做同样的事情，没有。

再次在控制台我累了 vwo_$('.lLink a').attr("WHATEVER", "if(typeof(_vis_opt_top_initialize) == 'function') { _vis_opt_goal_conversion(204); _vis_opt_pause(500);}");

它奏效了。

那么 VWO 和 HTML DOM 事件有什么问题？

Answer 1

问题在于，如果将 DOM 添加到“添加 JS/CSS”选项中，您不会等待 DOM 准备好。所以请在 Add JS/CSS 选项中使用以下代码：

vwo_$(function() {
    vwo_$('.lLink a').attr("onclick", "if(typeof(_vis_opt_top_initialize) == 'function') { _vis_opt_goal_conversion(204); _vis_opt_pause(500);}");
});