Zamanlı ve Kayan Reklam Bölümü Nasıl Yapılır?

Bu konuyu klavyeye almak benim aklımda yoktu fakat MSN ile iletişime geçen arkadaşlardan birinin ihtiyacı cevap bulmak istedim ve sizlerinde faydalanabileceğini düşünerek burada paylaşmaya karar verdim. Blog sahibi arkadaşlarımın reklam gelirlerini arttırmak için en faydalı yerleştirmeyi herkes kendi formülü ile ortaya koymaya çalışıyor. Ancak bunlar arasında en faydalı olanın hangisi olduğuna karar vermek biraz güç!

Bir çok ziyaretçide içeriği alıp gitme derdinde olunca reklamlar dikkat bile çekemeye biliyor. Bu sebeple bazen büyük partal haber sitelerinde dahi zaman zaman görebileceğimiz sayfanın ortasında bulunan reklamlar hatta sayfayı aşağı kaydırdığınızda doğrusal olarak aşağı doğru kayan, sizin o reklamı görmemenizi imkansız kılan çalışmalar ortaya konabiliyor. İşte benimde şimdi burada bahsedeceğim örnek bunlardan ya da bunlara benzeyen türden bir çalışma.

Örneğimiz sayfanın aşağı kaydırılması ile doğru olarak hareket etmesinin yanında başlıkta da belirttiğim gibi HTML ile sayfanıza yerleştirirken belirleyeceğiniz süreye göre de görüntülenme süresini değiştirebiliyorsunuz.

Sayfaya yerleştirmesi de oldukça kolay olan kodlar aşağıdaki gibidir. Kendi tasarımınıza uyarlamak ya da zamanı ayarlamak için yapmanız gereken değişiklikler kodların yanında açıklanmıştır.

Örnek Görünüm

Kodlama

<!-- Zamanla Kapanan Reklam Bölümü Başlangıcı -->
<style type="text/css">
<!--
#reklamdiv {position:absolute; height:0; width:0px; top:0; left:0;}/* reklamınızın konumunu belirlemek için burayı kullanın (burası için CSS dilini kullanaksınız!) */
-->
</style>
<script type="text/javascript">
/******************************************
* DHTML Reklam (Zamanla Kapanan Reklam Bölümü)
* Düzenleyen: Veysel SEMİZ
* http://www.sanalduvar.com
******************************************/
gosterizamani=5;  // reklamın gösterileceği süre (sn.)
defagoster=1; // reklamın X zamanda kaç defa gösterileceği (her sayfa yenilenmesinde olsun istiyorsanız 1 kullanın)
var ns=(document.layers);
var ie=(document.all);
var w3=(document.getElementById &amp;amp;&amp;amp; !ie);
var calunit=ns? "" : "px"
reklamsay=0;
function initRek(){
if(!ns &amp;amp;&amp;amp; !ie &amp;amp;&amp;amp; !w3) return;
if(ie)		rekdiv=eval('document.all.reklamdiv.style');
else if(ns)	rekdiv=eval('document.layers["reklamdiv"]');
else if(w3)	rekdiv=eval('document.getElementById("reklamdiv").style');
randRek=Math.ceil(Math.random()*defagoster);
if (ie||w3)
rekdiv.visibility="visible";
else rekdiv.visibility ="show";
if(randRek==1) gosterreklami();}
function gosterreklami(){
if(reklamsay<gosterizamani*10){reklamsay+=1;
if (ie){documentWidth  =truebody().offsetWidth/2+truebody().scrollLeft-20;
documentHeight =truebody().offsetHeight/2+truebody().scrollTop-20;}
else if (ns){documentWidth=window.innerWidth/2+window.pageXOffset-20;
documentHeight=window.innerHeight/2+window.pageYOffset-20;}
else if (w3){documentWidth=self.innerWidth/2+window.pageXOffset-20;
documentHeight=self.innerHeight/2+window.pageYOffset-20;}
rekdiv.left=documentWidth-300+calunit;rekdiv.top =documentHeight-200+calunit;
setTimeout("gosterreklami()",100);}else kapaRek();}
function kapaRek(){
if (ie||w3)
rekdiv.display="none";
else rekdiv.visibility ="hide";}
function truebody(){
return (document.compatMode &amp;amp;&amp;amp; document.compatMode!="BackCompat")? document.documentElement : document.body}
onload=initRek;
</script>
<div id="reklamdiv" style="visibility:hidden">
<!--*****Reklam Kodunuzu veya Görüntülemek İstediğiniz Yazıyı Buraya Yazınız (Başlangıç)*****-->

Buraya reklam kodunuzu yerleştirin!

<!--*****Reklam Kodunuzu veya Görüntülemek İstediğiniz Yazıyı Buraya Yazınız (Bitiş)*****-->
</div>
<!-- Zamanla Kapanan Reklam Bölümü Bitiş -->

Not: Tasarıma yönelik ihtiyaçlarınız hakkında bilgi edinmek için bana iletişim bölümünden ulaşabilirsiniz. Sizden tek istediğim bana örnek bir çalışma göstermeniz. Böylelikle ihtiyacınızı daha kolay anlayabilir, size daha etkili yardımı göstermeye çalışabilirim.