Наш чат в Telegram для обмена идеями, проектами, мыслями, людьми в сфере ИТ г.Ростова-на-Дону: @it_rostov

Чтобы баннеры и скрипты не тормозили страницу

В том месте страницы, где хотите, чтобы отображалась рекламная ссылка, ставите контейнер, например:

<div id="v1"></div>

Дальше за пределами всего контента страницы (например, у меня перед самым закрывающим тегом ) выводите:

<div id=v2>
<script>
document.write('<script language=JavaScript
     src="http://s.clx.ru/rot.php?num=xxxxx&c='+Math.round(Math.random() * 100000)+'"'+'><'+'/script>');
</script>
</div>
<script>
ukazatelnav2=document.getElementById('v2');
ukazatelnav1=document.getElementById('v1');
ukazatelnav1.appendChild(ukazatelnav2)
</script>

При реализации этого примера столкнулся с проблемой, что в процессе загрузки объекты ещё не определены. Выкрутился следующим способом:

<!-- стиль, чтобы реклама не выводилась в месте загрузки
    а также не было проблем при отключенных скриптах -->
<style>
#v2 {display:none;cursor:pointer }
</style>

<!-- место вставки рекламы -->
<div id="reklama"> </div>

<!-- скрипт перемещения рекламы в нужное место и включения её
    можно вынести во внешний файл -->
<script>
jto=window.setTimeout('oef()',500);
function oef(){
window.clearTimeout(jto);
uv2=document.getElementById("v2");    // чтоб не тормозил загрузку страницы
ureklama=document.getElementById('reklama');
ureklama.appendChild(uv2);
uv2.style.display = "block";
}
</script>

<!-- в самом конце страницы перед закрывающим </body> -->
<div id="v2">
    <script type="text/javascript" src="http://u210.takru.com/in.php?id=213955"></script>
    <script type="text/javascript" src="http://r1.wmlink.ru/?id=65639"></script>
    <script type="text/javascript" src="http://p8581.adskape.ru/adout.js?p=8581&t=2"></script>
</div>

.