javascript - 实验的转化率完全错误

Question

我按照以下方式设置了 Google Analytics(分析)实验:

<!-- Load the Content Experiment JavaScript API client for the experiment -->
<script src="//www.google-analytics.com/cx/api.js?experiment=REMOVED>"></script>
<script>
    // Ask Google Analytics which variation to show the user.
    var chosenVariation = cxApi.chooseVariation();

    $(function(){

        if (chosenVariation == 1) {
            ouibounce(document.getElementById('exit-dialog'), { sitewide: true, cookieExpire: 10, callback: function(){
                ga('send', 'event', 'ExitDialog', 'Open');
            } });
            $("#exit-dialog").on("click", function(){
                $("#exit-dialog").hide();
                ga('send', 'event', 'ExitDialog', 'Hide', 'Background');
            });

            $("#exit-dialog .no-thanks").on("click", function(e){
                e.preventDefault();
                $("#exit-dialog").hide();
                ga('send', 'event', 'ExitDialog', 'Hide', 'Button');
            });

            $("#exit-dialog > div").on("click", function(e){
                e.stopPropagation();
            });
        }
    });
</script>

此代码位于我的 . 这是我在 Analytics 中看到的内容:

问题在于，同一目标的转化率通常<1%。实验怎么会出错呢？

Answer 1

从你的例子中很难说，但常见的问题是早期绑定(bind)事件监听器。我的意思是在加载 DOM 元素之前附加点击事件。

我建议您用函数包装 onclick 事件 setter ，并在实验完全加载后调用此函数。所以你会像回调一样调用它:

设置者:

<script>
    var setExperimentEvents = function(){
        // Ask Google Analytics which variation to show the user.
        var chosenVariation = cxApi.chooseVariation();

        $(function(){

            if (chosenVariation == 1) {
                ouibounce(document.getElementById('exit-dialog'), { sitewide: true, cookieExpire: 10, callback: function(){
                    ga('send', 'event', 'ExitDialog', 'Open');
                } });
                $("#exit-dialog").on("click", function(){
                    $("#exit-dialog").hide();
                    ga('send', 'event', 'ExitDialog', 'Hide', 'Background');
                });

                $("#exit-dialog .no-thanks").on("click", function(e){
                    e.preventDefault();
                    $("#exit-dialog").hide();
                    ga('send', 'event', 'ExitDialog', 'Hide', 'Button');
                });

                $("#exit-dialog > div").on("click", function(e){
                    e.stopPropagation();
                });
            }
        });
    }
</script>

实验页面底部:

<script>

    try{
     setExperimentEvents();
    }
    catch(e)
    {
      ga('send', 'event', 'Error', 'Experiment', 'Failed to load',cxApi.chooseVariation());
    }

</script>