リンクを完全にロード

Question

広告主を宣伝しようとしています。広告主のリンクをクリックすると、広告主のウェブサイトにアクセスする前に、別のリンク（追跡目的で）から5〜6回リダイレクトされます。

リンクが完全に読み込まれたときに、ユーザーがリンクをクリックしたページに何らかの種類の読み込みアイコンを表示してから、広告主のウェブサイトにリダイレクトすることはできますか？

私が検索し、見つかったこのコードを、私は私の場合にはこれを実装する方法がわからないです：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> 
 
<script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.js"></script> 
 

 
//paste this code under the head tag or in a separate js file. 
 
\t // Wait for window load 
 
\t $(window).load(function() { 
 
\t \t // Animate loader off screen 
 
\t \t $(".se-pre-con").fadeOut("slow");; 
 
\t });

.no-js #loader { display: none; } 
 
.js #loader { display: block; position: absolute; left: 100px; top: 0; } 
 
.se-pre-con { 
 
\t position: fixed; 
 
\t left: 0px; 
 
\t top: 0px; 
 
\t width: 100%; 
 
\t height: 100%; 
 
\t z-index: 9999; 
 
\t background: url(images/loader-64x/Preloader_2.gif) center no-repeat #fff; 
 
}

<div class="se-pre-con"></div>

Answer 1

それはよそのウェブサイトにリダイレクトしているので、あなたが内容を変更することはできませんそれらのウェブサイトにローディングアイコンが表示されます

iframeに読み込むことができます。iframeの位置が5秒に変更されていない場合は、iframeをページ全体として表示し、読み込みアイコンを非表示にします。ターゲットを '_top'に設定して、リンクをクリックするたびにブラウザのURLを変更することもできます。

<a href="http://example.com/tracking-link" class="tracking">Click!</a> 
<iframe id="preload-frame" style="position: absolute; z-index: 9999; top: 0; left: 0; bottom: 0; right: 0;" hidden> 
<script type="text/javascript">var iframe=false;</script> 
</iframe> 
<div class="se-pre-con" hidden></div> 

var frame = document.getElementById('preload-frame'); 
onclickConstructor = function (href) { 
    return function() { 
    document.getElementsByClassName('se-pre-con')[0].removeAttribute('hidden'); 
    var timer; 
    var cleanup = function() { 
     frame.removeAttribute('hidden'); 
     frame.setAttribute('target', '_top'); 
     document.getElementsByClassName('se-pre-con')[0].setAttribute('hidden', 'true'); 
    } 
    frame.onload = function() { // Whenever the iframe (re)loads the whole page 
     if (timer) { 
     (clearTimeout || clearInterval)(timer); 
     } 
     timer = setTimeout(cleanup); 
    } 
    frame.src = href; 
    }; 
} 

if (iframe !== false) { 
    var trackingLinks = document.getElementsByClassName('tracking'), function(el); 
    for (var i = 0; i < trackingLinks.length; i++) { 
    el.onclick = onclickConstructor(el.href); 
    el.href = 'javascript:void(0);'; 
    }; 
}