javascript - 为所有外部链接 Blogspot 创建重定向页面

Question

我想在离开我的网站时将一些外部链接重定向到我的特定页面。我之前尝试过 safelink，但它需要创建其他New Blog 来重定向所有外部链接。

我的意思是，例如:
https://updated2apks.blogspot.co.id/2017/09/whats-different-100-mod-apk.html

如果点击外部链接，它将重定向到特定页面

https://updated2apks.blogspot.com/p/your-apk-is-ready-for-download.html?id=com.qs.whatsdifferent.html

最后离开博客并转到目标链接(外部)因为是Blogspot平台，我在Google上搜索了一下，但是没有教程。我希望这里有人可以帮助我。

Answer 1

如果我理解你的问题是正确的，这是一个可能的解决方案，它将首先将页面重定向到你的页面而不是外部页面。
(这必须在主题中完成)

这是一个例子:
(如果外部 url 使用 Parameters 等代码将不得不进行调整)

<script>
    // Here we check if the current page is the redirect catch page
    if("http://URL_THAT_SHOULD_CATCH_REDIRECTS.html" === "<data:blog.url/>")
    {
        // Here we assume there is only one parameter in the URL, with our external Link
        var parameter = location.search.split(/\?|=/g).slice(1);
        // Here we check if the size of the array is valid, checking for the parameter name would be also good. Maybe even checking if the passed URL is valid
        if(parameter.length===2){
            // Here we redirekt to the URL that is the Value of the passed parameter
            location.href=parameter[1];
        }

     }
</script>   

Example result:

external URL is "www.google.com"
url to redirect to is "great.blogger.com/p/redirect_page.html"
the a-Tag for the blog is <a href="http://"great.blogger.com/p/redirect_page.html?redirect=www.google.com">LINK</a>

提示:如果外部 url 有参数，则必须对 url 进行编码。如果重定向 Url 有参数，您必须找到包含 URL 的正确参数。

信息:如果href直接设置到外部页面，您需要额外的代码来创建正确的重定向链接，使用 EventListener在 a 上-tag 阻止默认行为，而不是在该代码中重定向。 (这里有一些 Infos on MDN about preventDefault function )

可能看起来像这样:

document.getElementById("aLinkId").addEventListener("click", function(e){
    e.preventDefault();
    // Here we redirect to the wanted page, with the extra parameter, with the original external URL
    location.href = "REDIRECT_URL?redirect="+ document.getElementById("aLinkId").href; 
});

All code tested with Chrome 60+