Как сделать свой попандер баннер?

Самым распространенным видом рекламы в РУнете являются попандеры и тизеры.
Popunder - это рекламный баннер обычно "взрослого" содержания который позиционеруется в центре страницы, при закрытии открывает дополниетльные окна на другие сайты (платники). Код попандера пишется на html + java script. Надоедливые попандеры были придуманы смышленными кодерами после того как интернет обозрватели или в простонароде браузеры стали активно блокировать всплывающие окна (window.open).

Баннеры типа попандер очень еффективны и CTR переходов с них довольно таки впечетляющий. Эсли зарегистрироваться в попандер партнерках можно свободно скачать и проанализировать коды таких баннеров. Лично я потратил много времени и усилий на написание кроссбраузерного кода попандера который работает в Internet Explorer, Mozilla Firefox, Opera, Google Chrome. Восновном проблемы всегда возникают в том что высота и ширина окна и позиция полос прокрутки в разных браузерах определяется по разному.

А мне как системному прогруммисту хочется универсальности, легкости и кроссбраузерности :) Рыская просторами интернета в поисках такого кода я наткнулся на один буржуйский сайтик где и лежал такой чудо скриптец :) который я с радостью заюзал для создания своего попандера. Вот сам код который нужно использовать в попандер скриптах:


function f_clientWidth() {
return f_filterResults (
window.innerWidth ? window.innerWidth : 0,
document.documentElement ? document.documentElement.clientWidth : 0,
document.body ? document.body.clientWidth : 0
);
}
function f_clientHeight() {
return f_filterResults (
window.innerHeight ? window.innerHeight : 0,
document.documentElement ? document.documentElement.clientHeight : 0,
document.body ? document.body.clientHeight : 0
);
}
function f_scrollLeft() {
return f_filterResults (
window.pageXOffset ? window.pageXOffset : 0,
document.documentElement ? document.documentElement.scrollLeft : 0,
document.body ? document.body.scrollLeft : 0
);
}
function f_scrollTop() {
return f_filterResults (
window.pageYOffset ? window.pageYOffset : 0,
document.documentElement ? document.documentElement.scrollTop : 0,
document.body ? document.body.scrollTop : 0
);
}
function f_filterResults(n_win, n_docel, n_body) {
var n_result = n_win ? n_win : 0;
if (n_docel && (!n_result || (n_result > n_docel)))
n_result = n_docel;
return n_body && (!n_result || (n_result > n_body)) ? n_body : n_result;
}
Взят отсюда: http://www.softcomplex.com/docs/get_window_size_and_scrollbar_position.html (копирайт отднако :))

Именно эти функции дают возможность правильно определять позиции скролбаров и размер окна рабочей области браузера. Также на сайте у них есть таблица которая показывает результат работы функций и доказывает то что каждая их них дает разные результаты в разных браузерах.


Используя наработки программистов я сделал такой незамысловатый попандер в стиле icq popunder или icqwindow который вы видите у меня в блоге :). Привожу код:

function f_filterResults(n_win, n_docel, n_body) {
var n_result = n_win ? n_win : 0;
if (n_docel && (!n_result || (n_result > n_docel)))
n_result = n_docel;
return n_body && (!n_result || (n_result > n_body)) ? n_body : n_result;
}
function f_clientWidth() {
return f_filterResults (
window.innerWidth ? window.innerWidth : 0,
document.documentElement ? document.documentElement.clientWidth : 0,
document.body ? document.body.clientWidth : 0
);
}
function f_clientHeight() {
return f_filterResults (
window.innerHeight ? window.innerHeight : 0,
document.documentElement ? document.documentElement.clientHeight : 0,
document.body ? document.body.clientHeight : 0
);
}
function f_scrollLeft() {
return f_filterResults (
window.pageXOffset ? window.pageXOffset : 0,
document.documentElement ? document.documentElement.scrollLeft : 0,
document.body ? document.body.scrollLeft : 0
);
}
function f_scrollTop() {
return f_filterResults (
window.pageYOffset ? window.pageYOffset : 0,
document.documentElement ? document.documentElement.scrollTop : 0,
document.body ? document.body.scrollTop : 0
);
}
qipmove = function ()
{
qip.style.left = (f_clientWidth () - 200) + f_scrollLeft ();
qip.style.top = (f_clientHeight () - 176) + f_scrollTop ();
}
var qip = document.createElement ('div');
qip.style.position = "absolute";
qip.style.width = 200;
qip.style.height = 176;
qip.style.backgroundImage = 'url("http://s004.radikal.ru/i206/1001/ef/42f6d6d5cd5a.gif")';
qip.innerHTML="<div style=''> </div>";
document.body.appendChild (qip);
setInterval (qipmove, 10);

Код такого попандера можно залить на бесплатный java script хостинг http://www.yourjavascript.com и подключить на свой сайт или блог прописав внизу сттраницы код: <script src='http://www.yourjavascript.com/22517041107/dance.js' type='text/javascript'></script>

2 коммент.:

Квай-Гон комментирует...

Автор, ты хоть сам понял, что написал???

Анонимный комментирует...

vtdoska.ru

Отправить комментарий