【问题标题】：Interstitial page before every external link?每个外部链接之前的插页式页面？
【发布时间】：2015-10-24 00:10:21
【问题描述】：

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

现在我想删除它，因为它在某些国家/地区是不允许的，从而导致访问和优质服务的损失。

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

这将是一种具有固定内容的 html 文章，例如：

您将被重定向到外部链接。 Proceed.

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

关于如何自动将其应用于我所有现有的链接，您有什么建议吗？是否容易实现？

谢谢大家！

PS：不……看来我的情况与那篇帖子中的情况不同。另外，我尝试了 jsfiddle，但它无法正常工作。

编辑

我会让它变得简单。

假设目标链接是：google.com

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

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

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

【问题讨论】：

离题：切勿在网站上使用“单击此处”一词。这是业余的，对那些使用辅助技术的人没有帮助。相反，只需链接“proceed”一词，或为链接使用更具描述性的词，例如“proceed to ”。此外，您正在重定向到一个站点，而不是一个链接。 pedantry>
非常感谢您的提示 :) 我会确保输入“继续”而不是“单击此处”。（另外，在移动设备上，人们不能“点击”而是“点击”，所以，是的，您说的没错！
我不确定我是否理解您的问题。我不知道 AdFly 是如何工作的，但是很多网站都有很多外部链接。为什么您的用户需要警告？如果有，为什么不只是一个图标？
这实际上是在为金融机构工作的网站上出现的。我们称他们为“减速带”，但我不知道这是否是他们的常用术语，或者该语言是否只是该工作/办公室特有的。我也见过他们叫Interstitial web pages。
非常感谢 BSMP :) 它们被称为“插页式网页”我只是忘记了这个词 :) 我现在就编辑问题。

标签： html redirect external

【解决方案1】：

我假设您在这里谈论的是当用户单击您页面上的主机名与您的主机名不同的链接时，您会想要这样的东西：

$(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% 确定这会起作用，这只是它的要点。在手机上执行此操作：P

-- 多姆

【讨论】：