javascript - 跟踪后退按钮点击

Question

作为我们新产品指标的一部分，我们需要衡量页面上后退按钮的点击次数。

由于该站点不是 AJAX，并且我们没有使用“pushState”，因此在浏览器中单击返回时不会触发“popState”。

捕捉后退按钮事件的唯一目的是注册一个分析事件。

在谷歌上搜索了几个小时，并尝试了几种不同的解决方案后，我一无所获 - 奇怪的是，javascript 似乎并没有为这样的任务做好准备。

话虽如此，这不是一个有效的回应 :) 你会如何处理这样的要求？

请注意 - 悬赏答案没有解决我的问题，但由于努力，我已经授予悬赏。这是不考虑情况的最佳答案

Answer 1

您可以捕获 window.onbeforeunload() 并使用 cookie 来存储每次后退按钮触发时后退按钮的点击次数，您可以更新 cookie。试试看。

---

使用popstate和cookies就可以实现我使用了一个叫做 cookie 的插件

并将它们导入您的页面。

这里是导入。

<script src="/jqueries/jquery.cookie.js"></script>

这是我使用的代码。

$(window).on('popstate', function () {
    var val = 1;
    if (typeof $.cookie('example') === 'undefined') {
        //no cookie
    } else {
        //have cookie
        val = parseInt($.cookie("example")) + 1;
        $.removeCookie("example");
    }
    $.cookie("example", val, { expires: 7 });
    //alert($.cookie("example"));
});

它只是一个粗略的代码 你可以按照你的意愿制作它 它将创建 pushstate

将此添加到脚本中..

HTML中只有DEMO内容

<input type="text" id="t1" />
<input type="text" id="t2" />
<input type="text" id="t3" />
<input type="text" id="t4" />
<input type="text" id="t5" />

这些是没有 AJAXify 的 HTML5 pushstate 脚本。试试这些……

    $('#t1').click(function () {
        if (window.history.replaceState) {
            window.history.pushState('', 'Title', '/YourPagename/123/1234');
        }
    });
    $('#t2').click(function () {
        if (window.history.replaceState) {
            window.history.pushState('', 'Title', '/YourPagename/123/12345');
        }
    });
    $('#t3').click(function () {
        if (window.history.replaceState) {
            window.history.pushState('', 'Title', '/YourPagename/123/123456');
        }
    });

很快。像这样为别人声明

这样就可以了。

这部分是获取传过来的url值，这里t1,t2会获取url关联的值

var ourl = "", t1 = "", t2 = "";
if (window.history.replaceState) {
    ourl = document.URL.toString();
    var url = document.URL.toString().replace('http://', '');
    var cnt = 0;
    for (i = 0; i < url.length; i++) {
        if (url[i] == '/') {
            cnt++;
        }
        else if (cnt == 2) {
            t1 += url[i];
        }
        else if (cnt == 3) {
            t2 += url[i];
        }
    }
}