Google 和 Yahoo 如何替换浏览器状态栏中的 URL？

Question

在Google和Yahoo搜索页面上，10个搜索结果链接的URL实际上指向google.com或yahoo.com。 URL 具有额外的参数，允许 google.com 或 yahoo.com 在单击链接时重定向到实际搜索结果。当用户将鼠标悬停在链接上时，搜索结果 URL（而不是 google.com 或 yahoo.com URL）将显示在浏览器的状态栏中。

我想知道他们是怎么做到的。

许多年前，这可以通过一些设置 window.status 的 javascript 来完成，但这似乎不再起作用，正如 设置状态栏文本的可靠跨浏览器方式

我有一个如下所示的链接： Click Me

此链接尝试使用 window.status 策略，但不起作用。如何修复此链接，使其与 Google 和 Yahoo 搜索结果页上的链接一样？在此示例中，我希望当用户将鼠标悬停在链接上。

Answer 1

很难阅读源代码，但您会发现实际上 URL（在 标记中）是正确的目标 URL，这就是为什么浏览器的状态栏显示正确的 URL (而不是当您实际点击时它会重定向您的跟踪链接）。然后，一些 onclick JavaScript 可以在浏览器的默认操作（跟随链接）发生之前拦截点击。

Answer 2

Google 在每个链接上都有 onMouseDown 处理程序，可将链接从原始源更改为指向 Google 重定向。因此 onmousedown 替换了链接，当 onClick 出现时（onmousedown 之后不久），链接已经指向原始方向之外的其他位置。

步骤 1. 用户单击链接（鼠标按钮按下）

步骤 2. onMouseDown 事件触发

步骤 3. 链接目标（href 值）更改

步骤 4. 鼠标按钮出现

步骤 5. onClick 事件触发

步骤 6. 浏览器看到单击链接并将用户转发到所需的目的地（由已更改的 href 值设置）

步骤 7. 浏览器打开 Google 重定向页面，这会将用户转发到原始目的地

更新：Google 用于跟踪 onmousedown 上的点击仅事件，并没有改变链接目的地。当在链接上按下鼠标按钮时，会向 google 服务器发出图像加载请求，该服务器会计算点击次数 (onmousedown => new Image("coogle.counter.server.com/link=www.pressed.com" )) 但我猜它被误用了或者不够可靠，所以他们决定使用当前的链接更改技术。

Answer 3

我认为他们实际上在链接的 href 中有完整的链接。但他们使用 JavaScript 来捕获 onclick，然后当您单击该链接时，它会通过他们的网站进行路由。

Answer 4

例如，StackOverflow 的链接实际上看起来像这样：

<a onmousedown="return clk(this.href,'','','res','1','','0CBwQFjAA')" class="l" href="http://stackoverflow.com/"><em>Stack Overflow</em></a>

现在，单击函数位于最小化源代码内部的某个位置。这里的代码带有一些额外的空格：

window.clk = function ( e, f, g, k, l, b, m )
{
    if ( document.images )
    {
        var a = encodeURIComponent || escape,
            c = new Image,
            h = window.google.cri++;

        window.google.crm[h] = c;
        c.onerror = c.onload = c.onabort = function()
        {
            delete window.google.crm[h]
        };

        var d, i, j;

        if ( google.v6 )
        {
            d = google.v6.src;
            i = google.v6.complete || google.v6s ? 2 : 1;
            j = (new Date).getTime() - google.v6t; delete google.v6
        }

        if ( b != "" && b.substring( 0, 6 ) != "&sig2=" )
            b = "&sig2=" + b;

        c.src = [
                "/url?sa=T",
                "&source=" + google.sn,
                f ? "&oi=" + a(f) : "",
                g ? "&cad=" + a(g) : "",
                "&ct=",
                a( k || "res" ),
                "&cd=",
                a( l ),
                "&ved=",
                a( m ),
                e ? "&url=" + a( e.replace( /#.*/, "" ) ).replace( /\+/g, "%2B" ) : "",
                "&ei=",
                google.kEI,
                d ? "&v6u=" + a( d ) + "&v6s=" + i + "&v6t=" + j : "",
                b ].join( "" )
    }
    return true
 };

无需真正详细查看它，它的重要思想是它计算一些 google url，并设置 this.href （= 链接的链接目标！ ) 当您单击链接时指向该新网址。之后，将对链接进行评估，浏览器会将您发送到更改后的 url，尽管之前显示的是原始链接 url。

Answer 5

这是一个多部分的过程。对于给定的 标记，HTML 中的 href 属性将指向实际页面。这使得没有 JavaScript 的浏览器能够转到正确的位置。

接下来，链接上有一个 mousedown 事件处理程序。当您将鼠标悬停在链接上时按下鼠标按钮时，将触发 mousedown 事件。即使按下鼠标右键或中键，该事件也会触发。该处理程序将 href 替换为搜索引擎域中的重定向脚本。

这样，他们仍然会在最后可能的时刻显示正确的 URL，但他们仍然使用重定向命中记录器，即使您在新选项卡中打开链接也是如此。

Answer 6

看来它们的做法与您在示例中的做法完全相反。他们有 href="the link" 和 onclick 事件作为跟踪功能。