每个外部 link 之前的插页?

Interstitial page before every external link?

我养成了使用 adf.ly 从我的小网站获得一些收入的坏习惯。

现在我想删除它,因为它在某些国家/地区是不允许的,会导致访问量和服务质量下降。

所以我想在外部 URL 之前创建一个插页式网页,而不是使用 URL 缩短器。

这篇文章将是一种 html 文章,具有固定的内容,例如:

You're going to be redirected to an external link. Proceed.

(倒计时也是一个不错的选择,我想我会在本文底部添加横幅。)

关于如何自动将此应用到我所有现有的 link,您是否有任何提示可以告诉我?容易实现吗?

谢谢大家!

PS: 不是.. 看来我的情况和那个post不一样。另外,我尝试了 jsfiddle,但它无法正常工作。

编辑

我会简化的。

假设目标 link 是:google.com

现在,我希望当人们点击 Google.com 实际到达另一个页面时,假设“http://mywebsite.com/redirect.html”包含以下内容:

您将被重定向到外部 link。继续。

然后,当用户点击继续时,他最终会到达 google.com

我假设你在这里谈论的是当用户点击你页面上的 link 时,主机名与你的主机名不同,你会想要这样的东西:

$(document).ready(function() {
   var urlRedirectLandingPage = 'http://somepage.com?redirectUrl=';
   $('a').each(function(a, e) {
     if (e.href.indexOf(window.location.hostname) > -1) {
       return;
     }
     $(e).onclick(function(elem) {
         elem.preventDefault();
         window.location.href = urlRedirectLandingPage + elem.href;
     }
   }
}

然后在该着陆页上,您只需获取 redirectUrl 并在 X 秒后重定向到它。

P.S 不能 100% 确定它会起作用,仅此而已。在 phone :P

上执行此操作

-- Dom