Question

我目前正在开发一个脚本，允许我检索网站上连接尝试的用户名。但主要的限制是我无法编辑页面的HTML，只是通过跟踪代码管理器添加我的脚本。

我必须解释一下我使用的工具。我正在使用网络跟踪工具SnowPlow Analytics。它的工作原理与Google Analytics相同，其数据_snaq（将）包含要处理的数据。问题的核心在于即使数据在数组中添加得很好，主脚本（sp.js）也没有时间完成工作，并且在POST请求之前向CloudFront收集器发送请求。 / p>

以下是我使用的示例页面以及捕获数据的脚本：

网页：

<html>
    <head>
        <title>Sign In Example</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
         <!-- SnowPlow modified -->
            <script type="text/javascript">
                var _snaq=_snaq||[];
                _snaq.push(['setCollectorCf','xxxxxxxxxxxxxx']);
                _snaq.push(['trackPageView']);
                _snaq.push(['enableLinkTracking']);
                /*
                * Here is the anonymous function to include properly the snowplow.js
                * minified: d1fc8wv8zag5ca.cloudfront.net/0.11.1/sp.js
                * github : github.com/snowplow/snowplow/tree/master/1-trackers/javascript-tracker
                */
            </script>
         <!--/ SnowPlow modified -->
         <script src="js/jquery.min.js"></script>
         <script async="" type="text/javascript" src="js/getLogin.min.js"></script>
    </head>
     <body>
        <form class="formClass">
            <h2>Please sign in</h2>
            <input type="text" class="textInput" placeholder="Email address" />
            <input type="password" class="passwordInput" placeholder="Password" />
            <label class="checkbox">
                <input type="checkbox" value="remember-me" /> Remember me
            </label>
            <button class="submitButton" type="submit">Sign in</button>
        </form>
    </body>
</html>`

脚本：

var checked, cb = $('input[value="remember-me"]')[0], butt = $('button[type="submit"]')[0];
if(cb.checked)
    checked = 1.0;
else
    checked = 0.0;

function snaqPush()
{
    _snaq.push(['trackStructEvent', 'connection', 'connectionAttempt', 'email',  $('input[placeholder = "Email address"]').val(), checked]);
}

cb.addEventListener("click", function(e)
{
    if(cb.checked)
        checked = 1.0;
    else
        checked = 0.0;
}, false);

butt.addEventListener("click", function()
    {
        snaqPush(); //or directly the _snaq push([...]) here
        _snaq.push(function()
        {
            setTimeout(function(){}, 1000);
        }); //I have try the setTimeout in and out of a _snaq.push, and it stills not work
    });

N.B：POST请求适用于包含数据的_snaq.push（）之后的断点！

提前感谢您的帮助！

Answer 1

您应该将事件监听器绑定到表单的提交操作而不是单击按钮。这样，您可以在返回true之前进行分析调用，从而允许提交完成。

Answer 2

非常感谢它运作良好，但我只需要做一些改变，与你提出的建议相比：

/*your proposal (if I'm right)*/
setTimeout(function(){}, 250);
return true;

/*the adaptation I have done for it to work*/
setTimeout(function(){myForm.submit();}, 250);

如何在POST请求之前处理新的数组元素

2 个答案: